home *** CD-ROM | disk | FTP | other *** search
/ Freelog 115 / FreelogNo115-MaiJuin2013.iso / Internet / AvantBrowser / asetup.exe / _data / webkit / resources.pak / Unnamed File 000299.txt < prev    next >
Text File  |  2013-04-03  |  171KB  |  5,816 lines
  1. <!DOCTYPE HTML>
  2. <html id="t" i18n-values="dir:textdirection">
  3. <head>
  4. <meta charset="utf-8">
  5. <title i18n-content="optionsPageTitle"></title>
  6. <link rel="stylesheet" href="chrome://resources/css/bubble.css">
  7. <link rel="stylesheet" href="chrome://resources/css/chrome_shared.css">
  8. <link rel="stylesheet" href="chrome://resources/css/list.css">
  9. <link rel="stylesheet" href="chrome://resources/css/overlay.css">
  10. <link rel="stylesheet" href="chrome://resources/css/spinner.css">
  11. <link rel="stylesheet" href="chrome://resources/css/throbber.css">
  12. <link rel="stylesheet" href="chrome://resources/css/tree.css">
  13. <style>/* Copyright (c) 2012 The Chromium Authors. All rights reserved.
  14.  * Use of this source code is governed by a BSD-style license that can be
  15.  * found in the LICENSE file. */
  16.  
  17. body.uber-frame {
  18.   -webkit-margin-start: 155px;
  19.   color: rgb(48, 57, 66);
  20. }
  21.  
  22. html[dir='rtl'] body.uber-frame {
  23.   /* Enable vertical scrollbar at all times in RTL to avoid visual glitches when
  24.    * showing sub-pages that vertically overflow. */
  25.   overflow-y: scroll;
  26. }
  27.  
  28. /* TODO(dbeam): Remove .page class from overlays in settings so the junk below
  29.  * isn't necessary. */
  30. body.uber-frame #extension-settings.page,
  31. body.uber-frame #mainview-content .page,
  32. body.uber-frame .subpage-sheet-container .page,
  33. body.uber-frame > .page {
  34.   -webkit-margin-end: 24px;
  35.   min-width: 576px;
  36.   padding-bottom: 20px;
  37.   padding-top: 55px;
  38. }
  39.  
  40. body.uber-frame header {
  41.   background-image: -webkit-linear-gradient(white,
  42.                                             white 40%,
  43.                                             rgba(255, 255, 255, 0.92));
  44.   left: 155px;
  45.   /* <section>s in options currently amount to 638px total, broken up into
  46.    * 600px max-width + 18px -webkit-padding-start + 20px -webkit-margin-end
  47.    * so we mirror this value here so the headers match width and horizontal
  48.    * alignment when scrolling sideways. */
  49.   max-width: 738px;
  50.   min-width: 600px;
  51.   position: fixed;
  52.   right: 0;
  53.   top: 0;
  54.   /* list.css sets a z-index of up to 2, this is set to 3 to ensure that the
  55.    * header is in front of the selected list item. */
  56.   z-index: 3;
  57. }
  58.  
  59. html[dir='rtl'] body.uber-frame header {
  60.   left: 0;
  61.   right: 155px;
  62. }
  63.  
  64. body.uber-frame header > .search-field-container,
  65. body.uber-frame header > .header-extras,
  66. body.uber-frame header > button {
  67.   position: absolute;
  68.   right: 20px;
  69.   top: 21px;
  70. }
  71.  
  72. html[dir='rtl'] body.uber-frame header > .search-field-container,
  73. html[dir='rtl'] body.uber-frame header > .header-extras,
  74. html[dir='rtl'] body.uber-frame header > button {
  75.   left: 20px;
  76.   right: auto;
  77. }
  78.  
  79. body.uber-frame header input[type='search'],
  80. body.uber-frame header input[type='text'],
  81. body.uber-frame header button {
  82.   margin: 0;
  83. }
  84.  
  85. body.uber-frame header > h1 {
  86.   margin: 0;
  87.   padding: 21px 0 13px;
  88. }
  89.  
  90. /* Create a border under the h1 (but before anything that gets appended
  91.  * to the end of the header). */
  92. body.uber-frame header > h1::after {
  93.   -webkit-margin-end: 20px;
  94.   background-color: #eee;
  95.   content: ' ';
  96.   display: block;
  97.   height: 1px;
  98.   position: relative;
  99.   top: 13px;
  100. }
  101.  
  102. body.uber-frame footer {
  103.   border-top: 1px solid #eee;
  104.   margin-top: 16px;
  105.   /* min-width and max-width should match the header */
  106.   max-width: 638px;
  107.   min-width: 600px;
  108.   padding: 8px 0;
  109. }
  110.  
  111. /* Sections are used in options pages, help page and history page. This defines
  112.  * the section metrics to match the header metrics above. */
  113. body.uber-frame section {
  114.   -webkit-padding-start: 18px;
  115.   margin-bottom: 24px;
  116.   margin-top: 8px;
  117.   max-width: 600px;
  118. }
  119.  
  120. body.uber-frame section:last-of-type {
  121.   margin-bottom: 0;
  122. }
  123.  
  124. body.uber-frame section > h3 {
  125.   -webkit-margin-start: -18px;
  126. }
  127.  
  128. @media(pointer:coarse) {
  129.   /* TODO(kevers):  Remove the extra padding once the following bug is fixed:
  130.    * https://bugs.webkit.org/show_bug.cgi?id=95204
  131.    * In the interim, the added padding makes it less likely that a touch will
  132.    * span the boundary of the navigation bar, which results in poor touch
  133.    * adjustments. */
  134.   body.uber-frame section {
  135.     -webkit-padding-start: 28px;
  136.   }
  137.   body.uber-frame section > h3 {
  138.     -webkit-margin-start: -28px;
  139.   }
  140. }
  141.  
  142. body.uber-frame section > div:only-of-type {
  143.   -webkit-box-flex: 1;
  144. }
  145.  
  146. /* Styles for a hideable notification banner at the top of a page. */
  147. .page.showing-banner {
  148.   margin-top: 45px;
  149. }
  150.  
  151. .page-banner {
  152.   background-color: white;
  153.   width: 100%;
  154.   z-index: 2;
  155. }
  156.  
  157. .page:not(.showing-banner) .page-banner {
  158.   display: none;
  159. }
  160.  
  161. .page-banner-gradient {
  162.   background: -webkit-linear-gradient(rgb(255, 242, 183),
  163.                                       rgb(250, 230, 145));
  164.   border: 1px solid rgb(201, 189, 141);
  165.   border-radius: 3px;
  166.   margin: 9px 9px 0 9px;
  167.   min-height: 25px;
  168. }
  169.  
  170. .page-banner .page-banner-gradient {
  171.   -webkit-margin-end: 20px;
  172.   -webkit-margin-start: 0;
  173.   margin-bottom: 9px;
  174. }
  175.  
  176. .page-banner-text {
  177.   -webkit-padding-end: 8px;
  178.   -webkit-padding-start: 26px;
  179.   background-image: url('chrome://theme/IDR_MANAGED');
  180.   background-position: 5px center;
  181.   background-repeat: no-repeat;
  182.   background-size: 16px;
  183.   display: block;
  184.   padding-bottom: 8px;
  185.   padding-top: 8px;
  186. }
  187.  
  188. .page-banner.clickable:active .page-banner-text {
  189.   background: -webkit-linear-gradient(rgb(250, 230, 145),
  190.                                       rgb(255, 242, 183));
  191. }
  192. </style>
  193. <style>/* Copyright (c) 2012 The Chromium Authors. All rights reserved.
  194.  * Use of this source code is governed by a BSD-style license that can be
  195.  * found in the LICENSE file. */
  196.  
  197. body {
  198.   position: relative;
  199. }
  200.  
  201. #main-content {
  202.   bottom: 0;
  203.   display: -webkit-box;
  204.   left: 0;
  205.   position: absolute;
  206.   right: 0;
  207.   top: 0;
  208. }
  209.  
  210. #mainview {
  211.   -webkit-box-align: stretch;
  212.   bottom: 0;
  213.   left: 0;
  214.   margin: 0;
  215.   position: absolute;
  216.   right: 0;
  217.   top: 0;
  218.   z-index: 1;
  219. }
  220.  
  221. #mainview-content {
  222.   min-height: 100%;
  223.   position: relative;
  224. }
  225.  
  226. #page-container {
  227.   box-sizing: border-box;
  228.   max-width: 888px;
  229.   min-width: 600px;
  230. }
  231.  
  232. body.uber-frame #searchBox {
  233.   position: fixed;
  234.   z-index: 4;
  235. }
  236.  
  237. div.disabled {
  238.   color: #999;
  239. }
  240.  
  241. .settings-row {
  242.   display: block;
  243.   margin: 0.65em 0;
  244. }
  245.  
  246. .hbox {
  247.   -webkit-box-orient: horizontal;
  248.   display: -webkit-box;
  249. }
  250.  
  251. .vbox {
  252.   -webkit-box-orient: vertical;
  253.   display: -webkit-box;
  254. }
  255.  
  256. .box-align-center {
  257.   -webkit-box-align: center;
  258. }
  259.  
  260. .stretch {
  261.   -webkit-box-flex: 1;
  262. }
  263.  
  264. .frozen {
  265.   position: fixed;
  266. }
  267.  
  268. #overlay-container-1 {
  269.   z-index: 11;
  270. }
  271. #overlay-container-2 {
  272.   z-index: 12;
  273. }
  274. #overlay-container-3 {
  275.   z-index: 13;
  276. }
  277.  
  278. .raw-button,
  279. .raw-button:hover,
  280. .raw-button:active {
  281.   -webkit-box-shadow: none;
  282.   background-color: transparent;
  283.   background-repeat: no-repeat;
  284.   border: none;
  285.   min-width: 0;
  286.   padding: 1px 6px;
  287. }
  288.  
  289. .bottom-strip {
  290.   border-top: none;
  291.   bottom: 0;
  292.   padding: 12px;
  293.   position: absolute;
  294.   right: 0;
  295. }
  296.  
  297. /* Omit top padding (currently only on #settings) whenever the search page is
  298.  * showing.
  299.  */
  300. #searchPage:not([hidden]) + #settings {
  301.   padding-top: 0;
  302. }
  303.  
  304. .page list {
  305.   /* Min height is a multiple of the list item height (32) */
  306.   min-height: 192px;
  307. }
  308.  
  309. .option {
  310.   margin-top: 0;
  311. }
  312.  
  313. .transparent {
  314.   opacity: 0;
  315. }
  316.  
  317. .touch-slider {
  318.   -webkit-appearance: slider-horizontal;
  319. }
  320.  
  321. .settings-list,
  322. .settings-list-empty {
  323.   border: 1px solid #d9d9d9;
  324.   border-radius: 2px;
  325. }
  326.  
  327. .settings-list-empty {
  328.   background-color: #f4f4f4;
  329.   box-sizing: border-box;
  330.   min-height: 125px;
  331.   padding-left: 20px;
  332.   padding-top: 20px;
  333. }
  334.  
  335.  
  336. /* Editable text field properties */
  337. .editable-text-field > * {
  338.   -webkit-box-align: center;
  339.   -webkit-transition: 150ms background-color;
  340.   border: none;
  341.   box-sizing: border-box;
  342.   display: -webkit-box;
  343.   height: 20px;
  344.   margin: 0;
  345. }
  346.  
  347. .editable-text-field > .spacer {
  348.   /* The above height rule should not apply to spacers. */
  349.   height: 0;
  350. }
  351.  
  352. .editable-text-field .editable-text {
  353.   padding: 2px 3px;
  354. }
  355.  
  356. .editable-text-field .static-text {
  357.   height: 24px;
  358.   overflow: hidden;
  359.   padding: 3px 4px;
  360.   text-overflow: ellipsis;
  361.   white-space: nowrap;
  362. }
  363.  
  364. .editable-text-field:not([editable]) > [displaymode='edit'] {
  365.   display: none;
  366. }
  367.  
  368. .editable-text-field[editable] > [displaymode='static'] {
  369.   display: none;
  370. }
  371.  
  372. .editable-text-field[empty] > input[type='text'] {
  373.   color: #ccc;
  374.   font-style: italic;
  375. }
  376.  
  377. .editable-text-field[disabled] {
  378.   opacity: 0.6;
  379. }
  380.  
  381. /* Editable List properties */
  382. list > * {
  383.   -webkit-box-align: center;
  384.   -webkit-transition: 150ms background-color;
  385.   border: none;
  386.   border-radius: 0;  /* TODO(dbeam): Is this necessary? */
  387.   box-sizing: border-box;
  388.   display: -webkit-box;
  389.   height: 32px;
  390.   margin: 0;
  391. }
  392.  
  393. list > .spacer {
  394.   /* The above height rule should not apply to spacers. When redraw is called
  395.      on the list they will be given an explicit element height but this ensures
  396.      they have 0 height to begin with. */
  397.   height: 0;
  398. }
  399.  
  400. list:not([disabled]) > :hover {
  401.   background-color: rgb(228, 236, 247);
  402. }
  403.  
  404. /* TODO(stuartmorgan): Once this becomes the list style for other WebUI pages
  405.  * these rules can be simplified (since they wont need to override other rules).
  406.  */
  407.  
  408. list:not([hasElementFocus]) > [selected],
  409. list:not([hasElementFocus]) > [lead][selected] {
  410.   background-color: #d0d0d0;
  411.   background-image: none;
  412. }
  413.  
  414. list[hasElementFocus] > [selected],
  415. list[hasElementFocus] > [lead][selected],
  416. list:not([hasElementFocus]) > [selected]:hover,
  417. list:not([hasElementFocus]) > [selected][lead]:hover {
  418.   background-color: rgb(187, 206, 233);
  419.   background-image: none;
  420. }
  421.  
  422. list[hasElementFocus] > [lead],
  423. list[hasElementFocus] > [lead][selected] {
  424.   border-bottom: 1px solid rgb(120, 146, 180);
  425.   border-top: 1px solid rgb(120, 146, 180);
  426. }
  427.  
  428. list[hasElementFocus] > [lead]:nth-child(2),
  429. list[hasElementFocus] > [lead][selected]:nth-child(2) {
  430.   border-top: 1px solid transparent;
  431. }
  432.  
  433. list[hasElementFocus] > [lead]:nth-last-child(2),
  434. list[hasElementFocus] > [lead][selected]:nth-last-child(2) {
  435.   border-bottom: 1px solid transparent;
  436. }
  437.  
  438. list[disabled] > [lead][selected],
  439. list[disabled]:focus > [lead][selected] {
  440.   border: none;
  441. }
  442.  
  443. list[disabled] {
  444.   opacity: 0.6;
  445. }
  446.  
  447. list > .heading {
  448.   color: #666;
  449. }
  450.  
  451. list > .heading:hover {
  452.   background-color: transparent;
  453.   border-color: transparent;
  454. }
  455.  
  456. list .deletable-item {
  457.   -webkit-box-align: center;
  458. }
  459.  
  460. list .deletable-item > :first-child {
  461.   -webkit-box-align: center;
  462.   -webkit-box-flex: 1;
  463.   -webkit-padding-end: 5px;
  464.   display: -webkit-box;
  465. }
  466.  
  467. list .row-delete-button {
  468.   -webkit-transition: 150ms opacity;
  469.   background-color: transparent;
  470.   /* TODO(stuartmorgan): Replace with real images once they are available. */
  471.   background-image: -webkit-image-set(
  472.       url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAiElEQVR42r2RsQrDMAxEBRdl8SDcX8lQPGg1GBI6lvz/h7QyRRXV0qUULwfvwZ1tenw5PxToRPWMC52eA9+WDnlh3HFQ/xBQl86NFYJqeGflkiogrOvVlIFhqURFVho3x1moGAa3deMs+LS30CAhBN5nNxeT5hbJ1zwmji2k+aF6NENIPf/hs54f0sZFUVAMigAAAABJRU5ErkJggg==') 1x);
  473.   border: none;
  474.   display: block;
  475.   height: 16px;
  476.   opacity: 1;
  477.   width: 16px;
  478. }
  479.  
  480. list > *:not(:hover):not([selected]):not([lead]) .row-delete-button,
  481. list:not([hasElementFocus]) > *:not(:hover):not([selected]) .row-delete-button,
  482. list[disabled] .row-delete-button,
  483. list .row-delete-button[disabled] {
  484.   opacity: 0;
  485.   pointer-events: none;
  486. }
  487.  
  488. /* HostedApp entries use the disabled closing button to display the App's
  489.  * favicon, as an indicator that instead of deleting the permission here
  490.  * the user has to remove the hosted app.*/
  491. list div[role='listitem'][managedby='HostedApp'] .row-delete-button {
  492.   opacity: 1;
  493. }
  494.  
  495. list .row-delete-button:hover {
  496.   background-image: -webkit-image-set(
  497.       url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAqklEQVR4XqWRMQ6DMAxF/1Fyilyj2SmIBUG5QcTCyJA5Z8jGhlBPgRi4TmoDraVmKFJlWYrlp/g5QfwRlwEVNWVa4WzfH9jK6kCkEkBjwxOhLghheMWMELUAqqwQ4OCbnE4LJnhr5IYdqQt4DJQjhe9u4vBBmnxHHNzRFkDGjHDo0VuTAqy2vAG4NkvXXDHxbGsIGlj3e835VFNtdugma/Jk0eXq0lP//5svi4PtO01oFfYAAAAASUVORK5CYII=')
  498.           1x,
  499.       url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAB4UlEQVR42u2VsWoCQRBAh+MUFP0C1V9QD4NEOxs9xBQHQVCwSJFWVBAtBNXCxk6wTkBJYUTwEwQLC61E8QP0NzZzt5g5726DkC7EYWHZ8T3WndkV2C/jLwn4hwVYBIdLn9vkLp79QcBCTDMiy3w2gQ9XeTYkEHA8vqj2rworXu3HF1YFfSWgp5QFnKVLvYvzDEKEZ5hW70oXOCtcEbQLIkx7+IQtfMBSOjU6XEF4oyOdYInZbXyOuajjDlpNeQgleIUJKUz4BDMledhqOu/AzVSmzZ49CUjCC0yvim98iqtJT2L2jKsqczsdok9XrHNexaww415lnTNwn6CM/KxJIR8bnUZHPhLO6yMoIyk2pNjLewFuE5AiY1KMMQx8Q7hQYFek4AkjxXFe1rsF84I/BTFQMGL+1Lxwl4DwdtM1gjwKohgxyLtG7SYpxALqugOMcfOKN+bFXeBsLB1uulNcRqq7/tt36k41zoL6QlxGjtd6lrahiqCi1iOFYyvXuxY8yzK33VnvUivbLlOlj/jktm0s3YnXrNIXXufHNxuOGasi8S68zkwrlnV8ZcJJsTIUxbLgQcFZWE8N0gau2p40VVcM0gYeFpSRK6445UhBuKiRgiyKw+34rLt59nb1/7+RwReVkaFtqvNBuwAAAABJRU5ErkJggg==')
  500.           2x);
  501. }
  502.  
  503. list .row-delete-button:active {
  504.   background-image: -webkit-image-set(
  505.       url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAARElEQVQoz2P4z4AfMlBLAYMdwxkghgEwD1XBGTC0g0sDIaYJECVwFqoChBK4WegKkJWArSJZAQErCDqSKG/iCyhaRhYA9LDIbULDzlIAAAAASUVORK5CYII=')
  506.           1x,
  507.       url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAA/ElEQVR4Xu3UsWrCUBiG4efGlIBoIMFbcnYolYJ3pg4iKGrGYFTRwaUFhYAekiDt0EG++X2W83N8/3J/DbwBMJJSsdQItcDY1VlCOImzq3Ed8OmicHASB3ns5KBw8VUNpDJrW7uAiJ3sbK1l0mqArpmFTUlQ5jYWZrrUAUSmT0SZm4qoA56JvVhs/5g3A7RLolA85A1ASOTye65NMxASK6syfxGITMzvMxG9CvRkliWwlOm9AsSOcitzU1NzK7mjuBkQvHtLK7iLBiB5PhttJSGpB8I8vM6kDuiHeUjoVwMfYR4SRtUAw1veIZzOjRhSBzCoyKFjgH/3K7+BHzg+Cgw0eSW3AAAAAElFTkSuQmCC')
  508.           2x);
  509. }
  510.  
  511. list .static-text {
  512.   overflow: hidden;
  513.   text-overflow: ellipsis;
  514.   white-space: nowrap;
  515. }
  516.  
  517. list[type='text'][inlineeditable] input {
  518.   box-sizing: border-box;
  519.   margin: 0;
  520.   width: 100%;
  521. }
  522.  
  523. list > :not([editing]) [displaymode='edit'] {
  524.   display: none;
  525. }
  526.  
  527. list > [editing] [displaymode='static'] {
  528.   display: none;
  529. }
  530.  
  531. list > [editing] input:invalid {
  532.   /* TODO(stuartmorgan): Replace with validity badge */
  533.   background-color: pink;
  534. }
  535.  
  536. .list-inline-button {
  537.   -webkit-appearance: none;
  538.   -webkit-transition: opacity 150ms;
  539.   background: rgb(138, 170, 237);
  540.   border: none;
  541.   border-radius: 2px;
  542.   color: white;
  543.   font-weight: bold;
  544.   opacity: 0.7;
  545. }
  546.  
  547. .list-inline-button:hover {
  548.   opacity: 1;
  549. }
  550.  
  551. .option-name {
  552.   padding-right: 5px;
  553. }
  554.  
  555. html[dir=rtl].option-name {
  556.   padding-left: 5px;
  557. }
  558.  
  559. .favicon-cell {
  560.   -webkit-padding-start: 20px;
  561.   background-position: left;
  562.   background-repeat: no-repeat;
  563.   background-size: 16px;
  564. }
  565.  
  566. input[type='url'].favicon-cell {
  567.   -webkit-padding-start: 22px;
  568.   background-position-x: 4px;
  569. }
  570.  
  571. /* TODO(jhawkins): Use something better than 99.3% when CSS3 background
  572.  * positioning is available.
  573.  */
  574. html[dir=rtl] input.favicon-cell {
  575.   background-position-x: 99.3%;
  576. }
  577.  
  578. list .favicon-cell {
  579.   -webkit-margin-start: 7px;
  580.   -webkit-padding-start: 26px;
  581.   display: block;
  582.   overflow: hidden;
  583.   text-overflow: ellipsis;
  584.   white-space: nowrap;
  585. }
  586.  
  587. html[dir=rtl] list .favicon-cell {
  588.   background-position: right;
  589. }
  590.  
  591. html[enable-background-mode=false] #background-mode-section {
  592.  display: none;
  593. }
  594.  
  595. /* UI Controls */
  596.  
  597. /* LIST */
  598. list[hasElementFocus] {
  599. outline: 1px solid rgba(0, 128, 256, 0.5);
  600.   outline-offset: -2px;
  601.  
  602. }
  603.  
  604. .suboption {
  605.   -webkit-margin-start: 23px;
  606. }
  607.  
  608. list.autocomplete-suggestions {
  609.   background-color: white;
  610.   border: 1px solid #aaa;
  611.   border-radius: 2px;
  612.   min-height: 0;
  613.   opacity: 0.9;
  614.   position: fixed;
  615.   z-index: 3;
  616. }
  617.  
  618. list.autocomplete-suggestions > div {
  619.   height: auto;
  620. }
  621.  
  622. list.autocomplete-suggestions:not([hasElementFocus]) > [selected],
  623. list.autocomplete-suggestions:not([hasElementFocus]) > [lead][selected] {
  624.   background-color: rgb(187, 206, 233);
  625. }
  626.  
  627. html:not([hasFlashPlugin]) .flash-plugin-area,
  628. /* If the Flash plug-in supports the NPP_ClearSiteData API, we don't need to
  629.  * show the link to the Flash storage settings manager:
  630.  */
  631. html[flashPluginSupportsClearSiteData] .flash-plugin-area,
  632. html:not([flashPluginSupportsClearSiteData]) .clear-plugin-lso-data-enabled,
  633. html[flashPluginSupportsClearSiteData] .clear-plugin-lso-data-disabled,
  634. html:not([enablePepperFlashSettings]) .pepper-flash-settings {
  635.   display: none;
  636. }
  637.  
  638. /* Bubble. */
  639.  
  640. .options-bubble {
  641.   position: fixed;
  642. }
  643.  
  644. /* Controlled setting indicator and bubble. */
  645.  
  646. .controlled-setting-with-label {
  647.   -webkit-box-align: center;
  648.   display: -webkit-box;
  649.   padding-bottom: 7px;
  650.   padding-top: 7px;
  651. }
  652.  
  653. .controlled-setting-with-label > input + span {
  654.   -webkit-box-align: center;
  655.   -webkit-box-flex: 1;
  656.   -webkit-margin-start: 0.6em;
  657.   display: -webkit-box;
  658. }
  659.  
  660. .controlled-setting-with-label > input:disabled + span label {
  661.   color: #999;
  662. }
  663.  
  664. .controlled-setting-with-label label {
  665.   display: inline;
  666.   padding: 0;
  667. }
  668.  
  669. .controlled-setting-indicator {
  670.   display: none;
  671. }
  672.  
  673. input:-webkit-any([type='text'],[type='url'],:not([type])) +
  674.     .controlled-setting-indicator {
  675.   -webkit-margin-start: 5px;
  676. }
  677.  
  678. .controlled-setting-indicator[controlled-by] {
  679.   display: inline-block;
  680.   height: 0;
  681.   line-height: 1;
  682.   vertical-align: middle;
  683.   width: 16px;
  684. }
  685.  
  686. .controlled-setting-indicator[controlled-by] > div {
  687.   background-size: 16px;
  688.   height: 16px;
  689.   position: relative;
  690.   top: -8px;
  691.   width: 16px;
  692. }
  693.  
  694. .controlled-setting-indicator[controlled-by='policy'] > div {
  695.   background-image:
  696.       url('chrome://theme/IDR_CONTROLLED_SETTING_MANDATORY_GRAY');
  697. }
  698.  
  699. .controlled-setting-indicator[controlled-by='policy'] >
  700.     div:-webkit-any(:hover,.showing-bubble) {
  701.   background-image:
  702.       url('chrome://theme/IDR_CONTROLLED_SETTING_MANDATORY');
  703. }
  704.  
  705. .controlled-setting-indicator[controlled-by='extension'] > div {
  706.   background-image:
  707.       url('chrome://theme/IDR_CONTROLLED_SETTING_EXTENSION_GRAY');
  708. }
  709.  
  710. .controlled-setting-indicator[controlled-by='extension'] >
  711.     div:-webkit-any(:hover,.showing-bubble) {
  712.   background-image:
  713.       url('chrome://theme/IDR_CONTROLLED_SETTING_EXTENSION');
  714. }
  715.  
  716. .controlled-setting-indicator:-webkit-any([controlled-by='recommended'],
  717.     [controlled-by='hasRecommendation']) > div {
  718.   background-image:
  719.       url('chrome://theme/IDR_CONTROLLED_SETTING_RECOMMENDED_GRAY');
  720. }
  721.  
  722. .controlled-setting-indicator:-webkit-any([controlled-by='recommended'],
  723.     [controlled-by='hasRecommendation']) >
  724.     div:-webkit-any(:hover,.showing-bubble) {
  725.   background-image:
  726.       url('chrome://theme/IDR_CONTROLLED_SETTING_RECOMMENDED');
  727. }
  728.  
  729. .controlled-setting-bubble-content {
  730.   -webkit-padding-start: 30px;
  731.   background-repeat: no-repeat;
  732.   background-size: 22px;
  733.   min-height: 32px;
  734. }
  735.  
  736. .controlled-setting-bubble-content[controlled-by='policy'] {
  737.   background-image:
  738.       url('chrome://theme/IDR_CONTROLLED_SETTING_MANDATORY_LARGE');
  739. }
  740.  
  741. .controlled-setting-bubble-content[controlled-by='extension'] {
  742.   background-image:
  743.       url('chrome://theme/IDR_CONTROLLED_SETTING_EXTENSION_LARGE');
  744. }
  745.  
  746. .controlled-setting-bubble-content:-webkit-any([controlled-by='recommended'],
  747.     [controlled-by='hasRecommendation']) {
  748.   background-image:
  749.       url('chrome://theme/IDR_CONTROLLED_SETTING_RECOMMENDED_LARGE');
  750. }
  751.  
  752. html[dir='rtl'] .controlled-setting-bubble-content {
  753.   background-position: right top;
  754. }
  755.  
  756. .controlled-setting-bubble-action {
  757.   padding: 0 !important;
  758. }
  759. </style>
  760. <style>/* Copyright (c) 2012 The Chromium Authors. All rights reserved.
  761.  * Use of this source code is governed by a BSD-style license that can be
  762.  * found in the LICENSE file. */
  763.  
  764. #alertOverlayMessage {
  765.   width: 400px;
  766. }
  767. </style>
  768. <style>/* Copyright (c) 2012 The Chromium Authors. All rights reserved.
  769.  * Use of this source code is governed by a BSD-style license that can be
  770.  * found in the LICENSE file. */
  771.  
  772. #autofill-edit-address-overlay {
  773.   min-width: 55em;
  774. }
  775.  
  776. #autofill-edit-credit-card-overlay {
  777.   min-width: 500px;
  778. }
  779.  
  780. #full-name-list input,
  781. #company-name,
  782. #addr-line-1,
  783. #addr-line-2 {
  784.   width: 16em;
  785. }
  786.  
  787. #country {
  788.   max-width: 450px;
  789. }
  790.  
  791. #autofill-edit-address-overlay list {
  792.   -webkit-margin-start: -3px;
  793.   /* Min height is a multiple of the list item height (32px). */
  794.   min-height: 32px;
  795. }
  796.  
  797. #autofill-edit-address-overlay list div.static-text {
  798.   -webkit-border-radius: 2px;
  799.   -webkit-box-flex: 1;
  800.   -webkit-padding-end: 4px;
  801.   -webkit-padding-start: 4px;
  802.   border: 1px solid darkGray;
  803.   /* Set the line-height and min-height to match the height of an input element,
  804.    * so that even empty cells renderer with the correct height. */
  805.   line-height: 1.75em;
  806.   min-height: 1.75em;
  807. }
  808.  
  809. :-webkit-any(#autofill-edit-credit-card-overlay, #autofill-edit-address-overlay)
  810.     .settings-row div + :-webkit-any(input, select) {
  811.   margin-top: 4px;
  812. }
  813.  
  814. #autofill-name-labels {
  815.   display: -webkit-inline-box;
  816. }
  817.  
  818. #autofill-name-labels span {
  819.   -webkit-box-flex: 1;
  820.   display: block;
  821. }
  822.  
  823. #full-name-list {
  824.   display: inline-block;
  825. }
  826.  
  827. #full-name-list div[role='listitem'] > div {
  828.   display: -webkit-box;
  829. }
  830.  
  831. #full-name-list div[role='listitem'] > div > div,
  832. #autofill-name-labels span {
  833.   -webkit-margin-end: 5px;
  834.   width: 16em;
  835. }
  836.  
  837. :-webkit-any(#phone-list, #email-list) div[role='listitem'] > div > div,
  838. :-webkit-any(#phone-list, #email-list) input {
  839.   width: 14em;
  840. }
  841.  
  842. .input-group > * {
  843.   -webkit-box-orient: vertical;
  844.   -webkit-margin-end: 2px;
  845.   display: -webkit-inline-box;
  846.   vertical-align: top;
  847. }
  848.  
  849. #autofill-edit-credit-card-overlay .content-area > *:first-child {
  850.   margin-top: 0;
  851. }
  852. </style>
  853. <style>/* Copyright (c) 2012 The Chromium Authors. All rights reserved.
  854.  * Use of this source code is governed by a BSD-style license that can be
  855.  * found in the LICENSE file. */
  856.  
  857. #autofill-options {
  858.   min-width: 550px;
  859. }
  860.  
  861. #autofill-help {
  862.   bottom: 18px;
  863.   position: absolute;
  864. }
  865.  
  866. #autofill-options list {
  867.   min-height: 172px;
  868. }
  869.  
  870. .autofill-list-item {
  871.   -webkit-box-flex: 1;
  872.   -webkit-padding-start: 8px;
  873.   overflow: hidden;
  874.   text-overflow: ellipsis;
  875. }
  876.  
  877. .autofill-list-item + img {
  878.   -webkit-padding-end: 20px;
  879.   vertical-align: top;
  880. }
  881.  
  882. #autofill-options > div:last-child {
  883.   margin-top: 15px;
  884. }
  885.  
  886. #autofill-options > div.settings-list > div:last-child {
  887.   border-top: 1px solid #d9d9d9;
  888.   padding: 5px 10px;
  889. }
  890.  
  891. #autofill-add-address,
  892. #autofill-add-creditcard {
  893.   margin: 5px 5px;
  894. }
  895.  
  896. #autofill-options .list-inline-button {
  897.   margin-top: 0;
  898.   vertical-align: top;
  899. }
  900.  
  901. #autofill-options div[role='listitem']:not(:hover):not([selected])
  902.     .list-inline-button {
  903.   display: none;
  904. }
  905. </style>
  906. <style>/* Copyright (c) 2012 The Chromium Authors. All rights reserved.
  907.  * Use of this source code is governed by a BSD-style license that can be
  908.  * found in the LICENSE file. */
  909.  
  910. #change-home-page-section {
  911.   margin-left: 30px;
  912. }
  913.  
  914. #home-page-url {
  915.   display: inline-block;
  916.   max-width: 400px;
  917.   overflow: hidden;
  918.   text-overflow: ellipsis;
  919. }
  920.  
  921. #default-browser-state {
  922.   margin-top: 6px;
  923. }
  924.  
  925. #sync-overview p {
  926.   display: inline;
  927. }
  928.  
  929. #account-picture-wrapper {
  930.   border: 1px solid rgba(0, 0, 0, 0.3);
  931.   border-radius: 4px;
  932.   cursor: pointer;
  933.   display: inline-block;
  934.   float: left;
  935.   margin: 0 2px 10px 0;
  936.   padding: 3px;
  937.   position: relative;
  938. }
  939.  
  940. html[dir=rtl] #account-picture-wrapper {
  941.   float: right;
  942. }
  943.  
  944. #account-picture {
  945.   height: 56px;
  946.   vertical-align: middle;
  947.   width: 56px;
  948. }
  949.  
  950. #change-picture-caption {
  951.   background: rgba(0, 0, 0, 0.5);
  952.   bottom: 0;
  953.   color: white;
  954.   font-size: small;
  955.   margin: 3px 0;
  956.   position: absolute;
  957.   text-align: center;
  958.   /* Width of #account-picture. */
  959.   width: 56px;
  960. }
  961.  
  962. #account-picture-wrapper:not(:hover) #change-picture-caption {
  963.   visibility: hidden;
  964. }
  965.  
  966. #sync-general {
  967.   -webkit-margin-start: 76px;
  968.   margin-bottom: 10px;
  969. }
  970.  
  971. #sync-buttons {
  972.   clear: both;
  973. }
  974.  
  975. #profiles-list {
  976.   margin-bottom: 10px;
  977.   min-height: 0;
  978. }
  979.  
  980. #profiles-list > * {
  981.   height: 40px;
  982. }
  983.  
  984. #profiles-list:focus {
  985.   border-color: rgb(77, 144, 254);
  986. }
  987.  
  988. .profile-img {
  989.   height: 31px;
  990.   padding: 3px;
  991.   vertical-align: middle;
  992.   width: 38px;
  993. }
  994.  
  995. .profile-item-current {
  996.   font-weight: bold;
  997. }
  998.  
  999. #profiles-buttons {
  1000.   white-space: nowrap;
  1001. }
  1002.  
  1003. .sync-error {
  1004.   background: rgb(255, 219, 219);
  1005.   border: 1px solid rgb(206, 76, 76);
  1006.   border-radius: 2px;
  1007.   padding: 10px;
  1008. }
  1009.  
  1010. .sync-error .link-button {
  1011.   margin: 0 1ex;
  1012.   padding: 0;
  1013. }
  1014.  
  1015. #mac-passwords-warning {
  1016.   margin-top: 10px;
  1017. }
  1018.  
  1019. input[type='range'] {
  1020.   vertical-align: middle;
  1021. }
  1022.  
  1023. /* CSS tweak to fix crbug.com/151788. Inconsistencies in the CSS rules across
  1024.  * platforms and elements. Too risky to attempt a general fix for M23 at this
  1025.  * time. This fix addresses the immediate problem in the bug report by forcing
  1026.  * the button to align consistently with its neighboring select element.
  1027.  * TODO(kevers): Revisit padding rules for select and buttons to ensure
  1028.  * consistency in the size and baseline across all platforms. */
  1029. #manage-default-search-engines {
  1030.   padding-bottom: 0;
  1031.   padding-top: 0;
  1032. }
  1033.  
  1034. /* Override a platform specific rule in Widgets that may no longer be relevant.
  1035.  * Too late in the development cycle to update Widgets.css due to the number
  1036.  * of pages that depend on it.
  1037.  * TODO(kevers): Rivisit padding rules. */
  1038. #default-search-engine {
  1039.   padding-bottom: 0;
  1040. }
  1041.  
  1042. /* Internet settings */
  1043.  
  1044. #network-settings {
  1045.   position: relative;
  1046. }
  1047.  
  1048. #network-list {
  1049.   min-height: 0;
  1050.   width: 320px;
  1051. }
  1052.  
  1053. #download-location-label.disabled {
  1054.   color: #999;
  1055. }
  1056.  
  1057. .network-group {
  1058.   -webkit-box-orient: horizontal;
  1059.   height: 42px;
  1060. }
  1061.  
  1062. list:not([disabled]) > .network-group:hover,
  1063. list:not([disabled]) > .network-group[selected] {
  1064.   background-color: #f8f8f8 !important;
  1065.   background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.8),
  1066.                                             rgba(255, 255, 255, 0)) !important;
  1067.   box-shadow: inset 0 0 1px 1px #f0f0f0;
  1068. }
  1069.  
  1070. .network-group-labels {
  1071.   -webkit-box-flex: 1;
  1072.   -webkit-box-orient: vertical;
  1073.   display: -webkit-box;
  1074.   padding-top: 3px;
  1075. }
  1076.  
  1077. .network-icon,
  1078. .network-menu-item-icon {
  1079.   -webkit-margin-end: 8px;
  1080.   background-position: left top;
  1081.   background-size: 25px;
  1082.   height: 25px;
  1083.   width: 25px;
  1084. }
  1085.  
  1086. .other-cellulars > .network-menu-item-icon {
  1087.   background-position: left top;
  1088. }
  1089.  
  1090. @-webkit-keyframes connecting-animation {
  1091.   0% {
  1092.     background-position: 0 25%;
  1093.   }
  1094.   12.5% {
  1095.     background-position: 0 50%;
  1096.   }
  1097.   25%  {
  1098.     background-position: 0 75%;
  1099.   }
  1100.   37.5%  {
  1101.     background-position: 0 100%;
  1102.   }
  1103.   50%  {
  1104.     background-position: 0 100%;
  1105.   }
  1106.   62.5%  {
  1107.     background-position: 0 75%;
  1108.   }
  1109.   75%  {
  1110.     background-position: 0 50%;
  1111.   }
  1112.   87.5%  {
  1113.     background-position: 0 25%;
  1114.   }
  1115. }
  1116.  
  1117. .network-add-connection,
  1118. .network-control-active,
  1119. .network-control-inactive {
  1120.   background-position: center center !important;
  1121.   background-repeat: no-repeat;
  1122. }
  1123.  
  1124. .network-add-connection {
  1125.   background-image: url('chrome://theme/IDR_NETWORK_ADD_CONNECTION');
  1126.   background-size: 16px;
  1127. }
  1128.  
  1129. .network-control-inactive {
  1130.   background-image: none;
  1131. }
  1132.  
  1133. .network-control-active {
  1134.   background-image: url('chrome://theme/IDR_PROFILE_SELECTED');
  1135.   background-size: 16px;
  1136. }
  1137.  
  1138. .network-options-button {
  1139.   -webkit-box-flex: 0;
  1140.   -webkit-transform: scale(0.6);
  1141.   background-image: none;
  1142.   background-position: center center;
  1143.   display: block;
  1144.   opacity: 0.5;
  1145.   vertical-align: middle;
  1146.   width: 19px;
  1147. }
  1148.  
  1149. .network-group > .controlled-setting-indicator,
  1150. .network-menu-item > .controlled-setting-indicator {
  1151.   -webkit-margin-end: 5px;
  1152. }
  1153.  
  1154. .network-options-button:hover {
  1155.   opacity: 1;
  1156. }
  1157.  
  1158. @-webkit-keyframes vpn-connecting-animation {
  1159.   from {
  1160.     opacity: 1;
  1161.   }
  1162.   to {
  1163.     opacity: 0.2;
  1164.   }
  1165. }
  1166.  
  1167. .network-connecting {
  1168.   -webkit-animation: connecting-animation 1s step-end infinite;
  1169. }
  1170.  
  1171. .network-vpn.network-connecting {
  1172.   -webkit-animation: vpn-connecting-animation 500ms alternate infinite;
  1173. }
  1174.  
  1175. .network-title {
  1176.   font-weight: 600;
  1177.   line-height: 120%;
  1178. }
  1179.  
  1180. .network-subtitle {
  1181.   color: #333;
  1182.   display: inline-block;
  1183.   line-height: 100%;
  1184.   max-width: 260px;
  1185.   opacity: 0.4;
  1186.   overflow: hidden;
  1187.   padding-bottom: 3px;
  1188.   text-overflow: ellipsis;
  1189.   white-space: nowrap;
  1190. }
  1191.  
  1192. .network-selector {
  1193.   background: right center no-repeat;
  1194.   background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAICAYAAAAbQcSUAAAAaUlEQVQoz2P4//8/A7UwdkEGhiggTsODo4g2LBEImJmZvwE1/UfHIHGQPNGGAbHCggULFrKxsf1ENgjEB4mD5EnxJoaByAZB5Yk3DNlAPj6+L8gGkWUYzMC3b982IRtEtmFQjaxYxDAwAGi4TwMYKNLfAAAAAElFTkSuQmCC');
  1195.   padding-right: 20px;
  1196. }
  1197.  
  1198. .network-menu {
  1199.   -webkit-box-shadow:
  1200.       0 0 0 1px rgba(0,0,0,0.1),
  1201.       0 5px 1px 1px rgba(0,0,0,0.1),
  1202.       0 5px 2px 1px rgba(0,0,0,0.1),
  1203.       0 5px 12px 1px rgba(0,0,0,0.5);
  1204.   background: #fff;
  1205.   display: block;
  1206.   position: absolute;
  1207.   width: 320px;
  1208.   z-index: 1;
  1209. }
  1210.  
  1211. .network-menu-item {
  1212.   -webkit-box-align: center;
  1213.   -webkit-box-orient: horizontal;
  1214.   display: -webkit-box;
  1215.   height: 32px;
  1216.   margin-left: 4px;
  1217.   margin-right: 4px;
  1218. }
  1219.  
  1220. .network-menu-item-label {
  1221.   -webkit-box-flex: 1;
  1222.   color: #555;
  1223.   display: block;
  1224.   overflow-x: hidden;
  1225.   text-overflow: ellipsis;
  1226.   white-space: nowrap;
  1227. }
  1228.  
  1229. .active-network {
  1230.    color: black;
  1231.    font-weight: bold;
  1232. }
  1233.  
  1234. .network-disabled-control {
  1235.   color: #999;
  1236. }
  1237.  
  1238. /* Restrict the size of the networks menu, by limiting the number of
  1239.    visible networks. */
  1240. .network-menu-group {
  1241.     max-height: 192px;
  1242.     overflow-x: hidden;
  1243.     overflow-y: auto;
  1244.     text-overflow: ellipsis;
  1245. }
  1246.  
  1247. .network-menu-item:hover {
  1248.   background-color: #eee;
  1249. }
  1250.  
  1251. .network-menu > hr {
  1252.   opacity: 0.4;
  1253. }
  1254.  
  1255. #shared-proxies {
  1256.   margin-top: 12px;
  1257. }
  1258.  
  1259. #web-content-section select,
  1260. .web-content-select-label {
  1261.   min-width: 145px;
  1262. }
  1263.  
  1264. .web-content-select-label > span:only-of-type {
  1265.   display: inline-block;
  1266.   min-width: 100px;
  1267. }
  1268.  
  1269. #timezone-value {
  1270.   display: inline-block;
  1271.   vertical-align: baseline;
  1272. }
  1273.  
  1274. #privacy-explanation {
  1275.   line-height: 1.8em;
  1276. }
  1277.  
  1278. #advanced-settings {
  1279.   height: 0;
  1280.   margin-top: 8px;
  1281.   overflow: hidden;
  1282. }
  1283.  
  1284. #auto-open-file-types-label {
  1285.   padding: 0.45em 0
  1286. }
  1287.  
  1288. .sliding {
  1289.   -webkit-transition: height 200ms;
  1290.   overflow-y: hidden;
  1291. }
  1292.  
  1293. #keyboard-overlay .option-value > select {
  1294.   width: 100%;
  1295. }
  1296.  
  1297. #keyboard-overlay table {
  1298.   /* Same as .settings-row {margin}. */
  1299.   -webkit-border-vertical-spacing: 0.65em;
  1300. }
  1301. </style>
  1302. <style>/* Copyright (c) 2012 The Chromium Authors. All rights reserved.
  1303.  * Use of this source code is governed by a BSD-style license that can be
  1304.  * found in the LICENSE file. */
  1305.  
  1306. #clear-browser-data-overlay {
  1307.   min-width: 500px;
  1308. }
  1309.  
  1310. #clear-data-checkboxes {
  1311.   -webkit-padding-start: 8px;
  1312.   margin: 5px 0;
  1313. }
  1314.  
  1315. #cbd-throbber {
  1316.   margin: 4px 10px;
  1317.   vertical-align: middle;
  1318.   visibility: hidden;
  1319. }
  1320.  
  1321. #flash-storage-settings {
  1322.   padding-top: 5px;
  1323. }
  1324. </style>
  1325. <style>/* Copyright (c) 2012 The Chromium Authors. All rights reserved.
  1326.  * Use of this source code is governed by a BSD-style license that can be
  1327.  * found in the LICENSE file. */
  1328.  
  1329. #content-settings-page {
  1330.   min-width: 620px;
  1331. }
  1332.  
  1333. #content-settings-exceptions-area {
  1334.   min-width: 540px;
  1335. }
  1336.  
  1337. .exception-pattern {
  1338.   -webkit-box-flex: 1;
  1339.   -webkit-margin-end: 10px;
  1340.   -webkit-margin-start: 14px;
  1341. }
  1342.  
  1343. .exception-setting {
  1344.   display: inline-block;
  1345.   width: 120px;
  1346. }
  1347.  
  1348. select.exception-setting {
  1349.   vertical-align: middle;
  1350. }
  1351.  
  1352. #exception-column-headers {
  1353.   -webkit-margin-start: 17px;
  1354.   display: -webkit-box;
  1355.   margin-top: 17px;
  1356. }
  1357.  
  1358. #exception-column-headers > div {
  1359.   font-weight: bold;
  1360. }
  1361.  
  1362. #exception-pattern-column {
  1363.   -webkit-box-flex: 1;
  1364. }
  1365.  
  1366. #exception-behavior-column {
  1367.   width: 145px;
  1368. }
  1369.  
  1370. .otr-explanation {
  1371.   font-style: italic;
  1372. }
  1373.  
  1374. #content-settings-exceptions-area list {
  1375.   margin-bottom: 10px;
  1376.   margin-top: 4px;
  1377. }
  1378.  
  1379. #disable-plugins-container {
  1380.   /* Same as .checkbox and .radio padding. Using padding instead of margin
  1381.    * to ensure minimum height for tap target. */
  1382.   padding: 7px 0;
  1383. }
  1384.  
  1385. #group-indicator {
  1386.   margin-left: 5px;
  1387. }
  1388.  
  1389. div[role='listitem'][controlled-by] {
  1390.   color: #666;
  1391.   font-style: italic;
  1392.   position: relative;
  1393. }
  1394.  
  1395. div[role='section-header'] {
  1396.   -webkit-margin-start: -18px;
  1397.   margin-bottom: 0.8em;
  1398. }
  1399.  
  1400. div[role='section-header'] > h3 {
  1401.   display: inline;
  1402. }
  1403.  
  1404. .settings-list div[role='listitem'][controlled-by='policy'],
  1405. .settings-list div[role='listitem'][controlled-by='extension'] {
  1406.   background: rgb(250, 230, 146);
  1407.   border-bottom: 1px solid rgb(201, 189, 141);
  1408.   border-top: 0;
  1409. }
  1410.  
  1411. .sublabel {
  1412.   -webkit-margin-start: 2em;
  1413. }
  1414.  
  1415. .media-device-control {
  1416.   display: table-row;
  1417. }
  1418.  
  1419. .media-device-control > span {
  1420.   display: table-cell;
  1421.   min-width: 145px;
  1422. }
  1423.  
  1424. .media-device-control > select {
  1425.   display: table-cell;
  1426.   margin: 5px 0;
  1427.   width: 12em;
  1428. }
  1429.  
  1430. .exception-setting.media-audio-setting {
  1431.   width: 6em;
  1432. }
  1433.  
  1434. .exception-setting.media-video-setting {
  1435.   width: 6.5em;
  1436. }
  1437.  
  1438. #media-column-header {
  1439.   display: -webkit-box;
  1440. }
  1441.  
  1442. #media-audio-column {
  1443.   width: 6em;
  1444. }
  1445.  
  1446. #media-video-column {
  1447.   width: 8.5em;
  1448. }
  1449. </style>
  1450. <style>/* Copyright (c) 2012 The Chromium Authors. All rights reserved.
  1451.  * Use of this source code is governed by a BSD-style license that can be
  1452.  * found in the LICENSE file. */
  1453.  
  1454. /* Styles for the cookies list page. */
  1455. .cookies-view-page {
  1456.   height: 90%;
  1457.   margin-left: -15px;
  1458.   width: 720px;
  1459. }
  1460.  
  1461. /* Styles for the cookies list elements in cookies_view.html. */
  1462. .cookies-list {
  1463.   -webkit-box-flex: 1;
  1464.   /* This property overrides the |min-height: 192px;| property above due to
  1465.    * special behavior of the cookies list. */
  1466.   border: 1px solid #D9D9D9;
  1467.   margin: 0;
  1468.   margin-top: 5px;
  1469.   min-height: 0;
  1470. }
  1471.  
  1472. .cookies-list-content-area {
  1473.   -webkit-box-orient: vertical;
  1474.   display: -webkit-box;
  1475.   overflow-y: hidden;
  1476. }
  1477.  
  1478. .cookies-column-headers {
  1479.   -webkit-box-align: baseline;
  1480.   -webkit-box-orient: horizontal;
  1481.   display: -webkit-box;
  1482.   position: relative;
  1483.   width: 100%;
  1484. }
  1485.  
  1486. .cookies-column-headers > * {
  1487.   display: block;
  1488. }
  1489.  
  1490. .cookies-column-headers h3 {
  1491.   font-size: 105%;
  1492.   font-weight: bold;
  1493.   margin: 10px 0;
  1494. }
  1495.  
  1496. /* Notice the width and padding for these columns match up with those below. */
  1497. .cookies-site-column {
  1498.   -webkit-padding-start: 7px;
  1499.   width: 14em;
  1500. }
  1501.  
  1502. .cookies-data-column {
  1503.   -webkit-box-flex: 1;
  1504.   -webkit-padding-start: 7px;
  1505. }
  1506.  
  1507. /* Enable animating the height of items. */
  1508. list.cookie-list .deletable-item {
  1509.   -webkit-transition: height 150ms ease-in-out;
  1510. }
  1511.  
  1512. /* Disable webkit-box display. */
  1513. list.cookie-list .deletable-item > :first-child {
  1514.   display: block;
  1515. }
  1516.  
  1517. /* Force the X for deleting an origin to stay at the top. */
  1518. list.cookie-list > .deletable-item > .close-button {
  1519.   position: absolute;
  1520.   right: 2px;
  1521.   top: 8px;
  1522. }
  1523.  
  1524. html[dir=rtl] list.cookie-list > .deletable-item > .close-button {
  1525.   left: 2px;
  1526.   right: auto;
  1527. }
  1528.  
  1529. /* Styles for the site (aka origin) and its summary. */
  1530. .cookie-site {
  1531.   /* Notice that the width, margin, and padding match up with those above. */
  1532.   -webkit-margin-end: 2px;
  1533.   -webkit-padding-start: 5px;
  1534.   display: inline-block;
  1535.   overflow: hidden;
  1536.   text-overflow: ellipsis;
  1537.   width: 14em;
  1538. }
  1539.  
  1540. list.cookie-list > .deletable-item[selected] .cookie-site {
  1541.   -webkit-user-select: text;
  1542. }
  1543.  
  1544. .cookie-data {
  1545.   display: inline-block;
  1546.   max-width: 410px;
  1547.   overflow: hidden;
  1548.   text-overflow: ellipsis;
  1549. }
  1550.  
  1551. .cookie-size {
  1552.   display: inline-block;
  1553.   float: right;
  1554.   margin-right: 0;
  1555. }
  1556.  
  1557. list.cookie-list > .deletable-item[selected] .cookie-data {
  1558.   -webkit-user-select: text;
  1559. }
  1560.  
  1561.  
  1562. /* Styles for the individual items (cookies, etc.). */
  1563. .cookie-items {
  1564.   /* Notice that the margin and padding match up with those above. */
  1565.   -webkit-margin-start: 14em;
  1566.   -webkit-padding-start: 7px;
  1567.   -webkit-transition: 150ms ease-in-out;
  1568.   height: 0;
  1569.   opacity: 0;
  1570.   /* Make the cookie items wrap correctly. */
  1571.   white-space: normal;
  1572. }
  1573.  
  1574. .measure-items .cookie-items {
  1575.   -webkit-transition: none;
  1576.   height: auto;
  1577.   visibility: hidden;
  1578. }
  1579.  
  1580. .show-items .cookie-items {
  1581.   opacity: 1;
  1582. }
  1583.  
  1584. .cookie-items .cookie-item {
  1585.   background: rgb(224, 233, 245);
  1586.   border: 1px solid rgb(131, 146, 174);
  1587.   border-radius: 5px;
  1588.   display: inline-block;
  1589.   font-size: 85%;
  1590.   height: auto;
  1591.   margin: 2px 4px 2px 0;
  1592.   max-width: 120px;
  1593.   min-width: 40px;
  1594.   overflow: hidden;
  1595.   padding: 0 3px;
  1596.   text-align: center;
  1597.   text-overflow: ellipsis;
  1598. }
  1599.  
  1600. .cookie-items .cookie-item:hover {
  1601.   background: rgb(238, 243, 249);
  1602.   border-color: rgb(100, 113, 135);
  1603. }
  1604.  
  1605. .cookie-items .cookie-item[selected] {
  1606.   background: rgb(245, 248, 248);
  1607.   border-color: #B2B2B2;
  1608. }
  1609.  
  1610. .cookie-items .cookie-item[selected]:hover {
  1611.   background: rgb(245, 248, 248);
  1612.   border-color: rgb(100, 113, 135);
  1613. }
  1614.  
  1615. .cookie-items .cookie-item .protecting-app,
  1616. .cookie-data .protecting-app {
  1617.   margin-bottom: -3px;
  1618.   margin-left: 4px;
  1619. }
  1620.  
  1621. /* Styles for the cookie details box. */
  1622. .cookie-details {
  1623.   background: rgb(245, 248, 248);
  1624.   border: 1px solid #B2B2B2;
  1625.   border-radius: 5px;
  1626.   margin-top: 2px;
  1627.   padding: 5px;
  1628. }
  1629.  
  1630. list.cookie-list > .deletable-item[selected] .cookie-details {
  1631.   -webkit-user-select: text;
  1632. }
  1633.  
  1634. .cookie-details-table {
  1635.   table-layout: fixed;
  1636.   width: 100%;
  1637. }
  1638.  
  1639. .cookie-details-label {
  1640.   vertical-align: top;
  1641.   white-space: pre;
  1642.   width: 10em;
  1643. }
  1644.  
  1645. .cookie-details-value {
  1646.   word-wrap: break-word;
  1647. }
  1648. </style>
  1649. <style>/* Copyright (c) 2012 The Chromium Authors. All rights reserved.
  1650.  * Use of this source code is governed by a BSD-style license that can be
  1651.  * found in the LICENSE file. */
  1652.  
  1653. #do-not-track-confirm-overlay {
  1654.   width: 500px;
  1655. }
  1656. </style>
  1657. <style>/* Copyright (c) 2012 The Chromium Authors. All rights reserved.
  1658.  * Use of this source code is governed by a BSD-style license that can be
  1659.  * found in the LICENSE file. */
  1660.  
  1661. #managed-user-settings-page {
  1662.   min-width: 600px;
  1663. }
  1664.  
  1665. /* Content Packs list */
  1666. #content-packs-list {
  1667.   margin-bottom: 10px;
  1668.   min-height: 0;
  1669. }
  1670. </style>
  1671. <style>/* Copyright (c) 2012 The Chromium Authors. All rights reserved.
  1672.  * Use of this source code is governed by a BSD-style license that can be
  1673.  * found in the LICENSE file. */
  1674.  
  1675. #font-settings > section {
  1676.   overflow: hidden;
  1677. }
  1678.  
  1679. .font-setting-container {
  1680.   display: -webkit-box;
  1681. }
  1682.  
  1683. #font-settings input[type='range'] {
  1684.   width: 100%;
  1685. }
  1686.  
  1687. #minimum-font-sample {
  1688.   height: 35px;
  1689.   overflow: hidden;
  1690.   width: 270px;
  1691. }
  1692.  
  1693. .font-input-div {
  1694.   -webkit-margin-end: 3em;
  1695.   width: 12em;
  1696. }
  1697.  
  1698. .font-input-div > div > select {
  1699.   margin-bottom: 10px;
  1700. }
  1701.  
  1702. .font-input {
  1703.   width: 100%;
  1704. }
  1705.  
  1706. .font-sample-div {
  1707.   direction: ltr;
  1708.   height: 70px;
  1709.   overflow: hidden;
  1710.   width: 270px;
  1711. }
  1712.  
  1713. .font-settings-huge {
  1714.   float: right;
  1715. }
  1716.  
  1717. html[dir=rtl] .font-settings-huge {
  1718.   float: left;
  1719. }
  1720. </style>
  1721. <style>/* Copyright (c) 2012 The Chromium Authors. All rights reserved.
  1722.  * Use of this source code is governed by a BSD-style license that can be
  1723.  * found in the LICENSE file. */
  1724.  
  1725. .handlers-column-headers {
  1726.   display: -webkit-box;
  1727.   font-size: 13px;
  1728.   font-weight: bold;
  1729. }
  1730.  
  1731. .handlers-type-column {
  1732.   -webkit-margin-end: 10px;
  1733.   -webkit-margin-start: 14px;
  1734.   width: 100px;
  1735. }
  1736.  
  1737. .handlers-site-column {
  1738.   max-width: 180px;
  1739. }
  1740.  
  1741. .handlers-site-column select {
  1742.   max-width: 170px;
  1743. }
  1744.  
  1745. .handlers-remove-column {
  1746.   -webkit-box-flex: 1;
  1747. }
  1748.  
  1749. .handlers-remove-link {
  1750.   -webkit-transition: 150ms opacity;
  1751.   color: #555;
  1752.   cursor: pointer;
  1753.   opacity: 0;
  1754.   padding-left: 14px;
  1755.   text-decoration: underline;
  1756. }
  1757.  
  1758. div > .handlers-remove-column {
  1759.   opacity: 0;
  1760. }
  1761.  
  1762. div:not(.none):hover > .handlers-remove-column {
  1763.   opacity: 1;
  1764. }
  1765.  
  1766. #handlers {
  1767.   min-height: 250px;
  1768. }
  1769.  
  1770. #handler-options list {
  1771.   border: solid 1px #D9D9D9;
  1772.   border-radius: 2px;
  1773.   margin-bottom: 10px;
  1774.   margin-top: 4px;
  1775. }
  1776. </style>
  1777. <style>/* Copyright (c) 2012 The Chromium Authors. All rights reserved.
  1778.  * Use of this source code is governed by a BSD-style license that can be
  1779.  * found in the LICENSE file. */
  1780.  
  1781. #homepage-url-field {
  1782.   bottom: 1px;
  1783.   display: block;
  1784.   margin-left: 10px;
  1785.   position: relative;
  1786. }
  1787. </style>
  1788. <style>/* Copyright (c) 2012 The Chromium Authors. All rights reserved.
  1789.  * Use of this source code is governed by a BSD-style license that can be
  1790.  * found in the LICENSE file. */
  1791.  
  1792. #import-from-div {
  1793.   margin-bottom: 20px;
  1794. }
  1795.  
  1796. #import-checkboxes > div:not(:first-child) {
  1797.   -webkit-padding-start: 8px;
  1798. }
  1799.  
  1800. #import-throbber {
  1801.   margin: 4px 10px;
  1802.   vertical-align: middle;
  1803.   visibility: hidden;
  1804. }
  1805.  
  1806. #import-success-header {
  1807.   font-size: 1.2em;
  1808. }
  1809.  
  1810. #import-success-image {
  1811.   margin: 20px;
  1812.   text-align: center;
  1813. }
  1814. </style>
  1815. <style>/* Copyright (c) 2012 The Chromium Authors. All rights reserved.
  1816.  * Use of this source code is governed by a BSD-style license that can be
  1817.  * found in the LICENSE file.
  1818.  */
  1819.  
  1820. #instantConfirmOverlay {
  1821.   width: 500px;
  1822. }
  1823.  
  1824. #instant-action-spacer {
  1825.   -webkit-box-flex: 1;
  1826. }
  1827.  
  1828. #instant-confirm-text {
  1829.   white-space: pre-line;
  1830. }
  1831. </style>
  1832. <style>/* Copyright (c) 2012 The Chromium Authors. All rights reserved.
  1833.  * Use of this source code is governed by a BSD-style license that can be
  1834.  * found in the LICENSE file. */
  1835.  
  1836. #language-dictionary-overlay-no-matches {
  1837.   -webkit-margin-after: 0;
  1838.   -webkit-margin-before: 0;
  1839.   line-height: 2.5em;
  1840.   padding: 0 3px;
  1841. }
  1842.  
  1843. #language-dictionary-overlay-page h1 {
  1844.   margin-right: 16em;
  1845.   padding-top: 25px;
  1846. }
  1847.  
  1848. html[dir=rtl] #language-dictionary-overlay-page h1 {
  1849.   margin-left: 16em;
  1850.   margin-right: auto;
  1851. }
  1852.  
  1853. #language-dictionary-overlay-search-field {
  1854.   position: absolute;
  1855.   right: 32px;
  1856.   top: 21px;
  1857. }
  1858.  
  1859. html[dir=rtl] #language-dictionary-overlay-search-field {
  1860.   left: 32px;
  1861.   right: auto;
  1862. }
  1863.  
  1864. #language-dictionary-overlay-word-list {
  1865.   height: 20em;
  1866. }
  1867.  
  1868. #language-dictionary-overlay-word-list.no-search-matches {
  1869.   height: 17.5em;
  1870. }
  1871.  
  1872. #language-dictionary-overlay-word-list > * {
  1873.   height: 2.5em;
  1874. }
  1875.  
  1876. .language-dictionary-overlay-word-list-item {
  1877.   width: 30em;
  1878. }
  1879. </style>
  1880. <style>/* Copyright (c) 2012 The Chromium Authors. All rights reserved.
  1881.  * Use of this source code is governed by a BSD-style license that can be
  1882.  * found in the LICENSE file. */
  1883.  
  1884. .language-options {
  1885.   display: -webkit-box;
  1886.   margin: 10px 0;
  1887. }
  1888.  
  1889. .language-options-lower-left button,
  1890. .language-options-right button {
  1891.   min-width: 70px;
  1892. }
  1893.  
  1894. .language-options h3 {
  1895.   -webkit-margin-start: 12px;
  1896.   font-size: 100%;
  1897.   font-weight: bold;
  1898.   margin-bottom: 12px;
  1899.   margin-top: 12px;
  1900. }
  1901.  
  1902. .language-options-contents  {
  1903.   padding: 0 12px 4px;
  1904. }
  1905.  
  1906. .language-options-contents > span:not(.input-method-label) {
  1907.   display: inline-block;
  1908.   margin: 1px;
  1909.   padding: 0.42em 10px;
  1910. }
  1911.  
  1912. .language-options-header,
  1913. .language-options-footer {
  1914.   line-height: 1.2em;
  1915.   margin: 10px 0;
  1916. }
  1917.  
  1918. .language-options-left,
  1919. .language-options-right {
  1920.   border: 1px solid #ccc;
  1921.   height: 400px;
  1922.   padding: 0;
  1923.   vertical-align: top;
  1924. }
  1925.  
  1926. .language-options-left {
  1927.   -webkit-box-orient: vertical;
  1928. background-color: rgb(235, 239, 249);
  1929.  
  1930.   display: -webkit-box;
  1931.   width: 300px;
  1932. }
  1933.  
  1934. .language-options-lower-left {
  1935.   -webkit-box-flex: 0;
  1936.   -webkit-padding-start: 12px;
  1937.   padding-bottom: 10px;
  1938. }
  1939.  
  1940. .language-options-right {
  1941.   /* To share the center line with the left pane. */
  1942.   -webkit-margin-start: -1px;
  1943.   width: 360px;
  1944. }
  1945.  
  1946. .language-options-right h3:not(:first-of-type) {
  1947.   margin-top: 24px;
  1948. }
  1949.  
  1950. .language-options-notification {
  1951.   background-color: rgb(255, 242, 158);
  1952.   border-bottom: 1px solid #ccc;
  1953.   border-top: 1px solid #ccc;
  1954.   padding: 8px 30px 8px 12px;
  1955. }
  1956.  
  1957. #language-options-input-method-list button {
  1958.   -webkit-margin-start: 20px;
  1959.   display: block;
  1960.   /* Same margin as .settings-row. */
  1961.   margin-bottom: 0.65em;
  1962.   margin-top: 0.65em;
  1963. }
  1964.  
  1965. #language-options-list {
  1966.   -webkit-box-flex: 1;
  1967.   outline: none;
  1968.   padding: 1px 0 0;
  1969.   width: 100%;
  1970. }
  1971.  
  1972. #language-options-list .language-name {
  1973.   -webkit-box-flex: 1;
  1974.   overflow: hidden;
  1975.   text-overflow: ellipsis;
  1976.   white-space: nowrap;
  1977. }
  1978.  
  1979. #language-options-list li {
  1980.   -webkit-padding-start: 12px;
  1981.   padding-bottom: 2px;
  1982.   padding-top: 2px;
  1983. }
  1984.  
  1985. #language-options-list-dropmarker {
  1986.   background-clip: padding-box;
  1987.   background-color: hsl(214, 91%, 65%);
  1988.   border: 3px solid hsl(214, 91%, 65%);
  1989.   border-bottom-color: transparent;
  1990.   border-radius: 0;
  1991.   border-top-color: transparent;
  1992.   box-sizing: border-box;
  1993.   display: none;
  1994.   height: 8px;
  1995.   overflow: hidden;
  1996.   pointer-events: none;
  1997.   position: fixed;
  1998.   z-index: 10;
  1999. }
  2000.  
  2001. #language-options-ui-restart-button {
  2002.   margin-top: 4px;
  2003. }
  2004.  
  2005. /* In ChromeOS we present the language choices as a big page of links. */
  2006.  
  2007.  
  2008. /* TODO(kochi): This is temporary copy from new_tab.css */
  2009. /* Notification */
  2010.  
  2011. #notification {
  2012.   -webkit-transition: opacity 150ms;
  2013.   background-color: hsl(52, 100%, 80%);
  2014.   border: 1px solid rgb(211, 211, 211);
  2015.   border-radius: 6px;
  2016.   color: black;
  2017.   display: table;
  2018.   font-weight: bold;
  2019.   /* Set the height and margin so that the element does not use any vertical
  2020.     space. */
  2021.   height: 16px;
  2022.   margin: -44px auto 12px auto;
  2023.   opacity: 0;
  2024.   padding: 7px 15px;
  2025.   pointer-events: none;
  2026.   position: relative;
  2027.   white-space: nowrap;
  2028.   z-index: 1;
  2029. }
  2030.  
  2031. #notification > * {
  2032.   display: table-cell;
  2033.   max-width: 500px;
  2034.   overflow: hidden;
  2035.   text-overflow: ellipsis;
  2036. }
  2037.  
  2038. #notification.show {
  2039.   -webkit-transition: opacity 1s;
  2040.   opacity: 1;
  2041.   pointer-events: all;
  2042. }
  2043.  
  2044. #notification .link {
  2045.   -webkit-appearance: none;
  2046.   -webkit-padding-start: 20px;
  2047.   background: none;
  2048.   border: 0;
  2049.   color: rgba(0, 102, 204, 0.3);
  2050.   cursor: pointer;
  2051.   text-decoration: underline;
  2052. }
  2053.  
  2054. #notification .link-color {
  2055.   color: rgb(0, 102, 204);
  2056. }
  2057.  
  2058. #chewing-max-chi-symbol-len {
  2059.   height: 30%;
  2060.   width: 100px;
  2061. }
  2062.  
  2063. #add-language-overlay-page .content-area {
  2064.   padding-bottom: 10px;
  2065. }
  2066.  
  2067. .standalone-link-button {
  2068.   padding: 0;
  2069. }
  2070. </style>
  2071. <style>/* Copyright (c) 2012 The Chromium Authors. All rights reserved.
  2072.  * Use of this source code is governed by a BSD-style license that can be
  2073.  * found in the LICENSE file. */
  2074.  
  2075. #manage-profile-overlay {
  2076.   width: 512px;
  2077. }
  2078.  
  2079. .profile-icon-grid-item {
  2080.   height: 31px;
  2081.   margin: 2px 4px;
  2082.   padding: 4px;
  2083.   width: 38px;
  2084. }
  2085.  
  2086. .profile-icon {
  2087.   height: 31px;
  2088.   width: 38px;
  2089. }
  2090.  
  2091. #create-profile-name-label-container,
  2092. #create-profile-name-input-container,
  2093. #manage-profile-name-label-container,
  2094. #manage-profile-name-input-container {
  2095.   -webkit-box-align: center;
  2096.   -webkit-box-orient: horizontal;
  2097.   -webkit-box-pack: center;
  2098.   display: -webkit-box;
  2099.   margin-left: auto;
  2100.   margin-right: auto;
  2101.   width: 50%;
  2102. }
  2103.  
  2104. #create-profile-name:invalid {
  2105.   background-color: pink;
  2106. }
  2107.  
  2108. #manage-profile-name:invalid {
  2109.   background-color: pink;
  2110. }
  2111.  
  2112. #create-profile-error-bubble {
  2113.   -webkit-transition: max-height 200ms, padding 200ms;
  2114.   background-color: rgb(238, 185, 57);
  2115.   border-radius: 4px;
  2116.   font-weight: bold;
  2117.   margin-left: auto;
  2118.   margin-right: auto;
  2119.   max-height: 50px;
  2120.   overflow: hidden;
  2121.   padding: 1px 10px;
  2122.   text-align: center;
  2123.   width: 80%;
  2124. }
  2125.  
  2126. #manage-profile-error-bubble {
  2127.   -webkit-transition: max-height 200ms, padding 200ms;
  2128.   background-color: rgb(238, 185, 57);
  2129.   border-radius: 4px;
  2130.   font-weight: bold;
  2131.   margin-left: auto;
  2132.   margin-right: auto;
  2133.   max-height: 50px;
  2134.   overflow: hidden;
  2135.   padding: 1px 10px;
  2136.   text-align: center;
  2137.   width: 80%;
  2138. }
  2139.  
  2140. #create-profile-error-bubble[hidden] {
  2141.   display: block !important;
  2142.   max-height: 0;
  2143.   padding: 0 10px;
  2144. }
  2145.  
  2146. #manage-profile-error-bubble[hidden] {
  2147.   display: block !important;
  2148.   max-height: 0;
  2149.   padding: 0 10px;
  2150. }
  2151.  
  2152. #create-profile-icon-grid,
  2153. #manage-profile-icon-grid {
  2154.   background-color: rgba(255, 255, 255, 0.75);
  2155.   padding: 2px;
  2156. }
  2157.  
  2158. /* Adds a grey horizontal line below content area.  */
  2159. #create-profile-content::after,
  2160. #manage-profile-content::after {
  2161.   background: #c0c0c0;
  2162.   content: '';
  2163.   display: block;
  2164.   height: 1px;
  2165.   margin-top: 25px;
  2166.   width: 100%;
  2167. }
  2168.  
  2169. #create-profile-content > :first-child {
  2170.   margin-bottom: 10px;
  2171. }
  2172.  
  2173. #manage-profile-content > :first-child {
  2174.   margin-bottom: 10px;
  2175. }
  2176.  
  2177. #create-profile-content > :last-child {
  2178.   margin-top: 10px;
  2179. }
  2180.  
  2181. #manage-profile-content > :last-child {
  2182.   margin-top: 10px;
  2183. }
  2184.  
  2185. #create-profile-content > :not(:first-child):not(:last-child) {
  2186.   margin-bottom: 10px;
  2187.   margin-top: 10px;
  2188. }
  2189.  
  2190. #manage-profile-content > :not(:first-child):not(:last-child) {
  2191.   margin-bottom: 10px;
  2192.   margin-top: 10px;
  2193. }
  2194.  
  2195. #create-profile-content > #create-profile-name-input-container,
  2196. #manage-profile-content > #manage-profile-name-input-container {
  2197.   margin-top: 5px;
  2198. }
  2199.  
  2200. #create-profile-content > #create-profile-name-label-container,
  2201. #manage-profile-content > #manage-profile-name-label-container {
  2202.   margin-bottom: 5px;
  2203.   margin-top: 10px;
  2204. }
  2205.  
  2206. .action-area-checkbox-container {
  2207.   -webkit-box-flex: 1;
  2208. }
  2209.  
  2210. #delete-profile-message {
  2211.   -webkit-padding-start: 48px;
  2212.   background-repeat: no-repeat;
  2213. }
  2214.  
  2215. html[dir='rtl'] #delete-profile-message {
  2216.   background-position: right;
  2217.  
  2218. </style>
  2219. <style>/* Copyright (c) 2012 The Chromium Authors. All rights reserved.
  2220.  * Use of this source code is governed by a BSD-style license that can be
  2221.  * found in the LICENSE file.
  2222.  */
  2223.  
  2224. #password-manager > div.content-area {
  2225.   width: 600px;
  2226. }
  2227.  
  2228. #password-search-column {
  2229.   bottom: 10px;
  2230.   position: absolute;
  2231.   right: 0;
  2232. }
  2233.  
  2234. html[dir=rtl] #password-search-column {
  2235.   left: 0;
  2236.   right: auto;
  2237. }
  2238.  
  2239. #password-list-headers {
  2240.   position: relative;
  2241.   width: 100%;
  2242. }
  2243.  
  2244. #passwords-title {
  2245.   display: inline-block;
  2246. }
  2247. </style>
  2248. <style>/* Copyright (c) 2012 The Chromium Authors. All rights reserved.
  2249.  * Use of this source code is governed by a BSD-style license that can be
  2250.  * found in the LICENSE file. */
  2251.  
  2252. #saved-passwords-list .list-inline-button {
  2253.   -webkit-transition: opacity 150ms;
  2254.   background: rgb(138, 170, 237);
  2255.   font-size: 0.9em;
  2256.   height: 18px;
  2257.   padding: 0 2px;
  2258.   position: absolute;
  2259.   top: 3px;
  2260. }
  2261.  
  2262. html[dir='ltr'] #saved-passwords-list .list-inline-button {
  2263.   right: 2px;
  2264. }
  2265.  
  2266. html[dir='rtl'] #saved-passwords-list .list-inline-button {
  2267.   left: 2px;
  2268. }
  2269.  
  2270. input[type='password'].inactive-password {
  2271.   background: transparent;
  2272.   border: none;
  2273. }
  2274.  
  2275. #saved-passwords-list .url {
  2276.   box-sizing: border-box;
  2277.   width: 40%;
  2278. }
  2279.  
  2280. #saved-passwords-list .name {
  2281.   -webkit-box-flex: 1;
  2282.   width: 20%;
  2283. }
  2284.  
  2285. #saved-passwords-list .password {
  2286.   -webkit-box-flex: 1;
  2287.   position: relative;
  2288. }
  2289.  
  2290. #saved-passwords-list .password input[type='password'],
  2291. #saved-passwords-list .password input[type='text'] {
  2292.   box-sizing: border-box;
  2293.   width: 100%;
  2294. }
  2295.  
  2296. #password-exceptions-list .url {
  2297.   -webkit-box-flex: 1;
  2298. }
  2299.  
  2300. #saved-passwords-list .url,
  2301. #saved-passwords-list .name,
  2302. #password-exceptions-list .url {
  2303.   overflow: hidden;
  2304.   text-overflow: ellipsis;
  2305. }
  2306. </style>
  2307. <style>/* Copyright (c) 2012 The Chromium Authors. All rights reserved.
  2308.  * Use of this source code is governed by a BSD-style license that can be
  2309.  * found in the LICENSE file. */
  2310.  
  2311. #search-engine-manager-page {
  2312.   width: 700px;
  2313. }
  2314.  
  2315. .search-engine-list input {
  2316.   -webkit-box-flex: 1;
  2317.   display: -webkit-box;
  2318. }
  2319.  
  2320. .search-engine-list > div {
  2321.   display: -webkit-box;
  2322. }
  2323.  
  2324. .search-engine-list .favicon {
  2325.   background-position: center center;
  2326.   background-repeat: no-repeat;
  2327.   background-size: 16px;
  2328.   height: 16px;
  2329.   line-height: 16px;
  2330.   padding: 0 7px;
  2331.   width: 16px;
  2332. }
  2333.  
  2334. .search-engine-list .name-column {
  2335.   -webkit-box-align: center;
  2336.   -webkit-padding-end: 1ex;
  2337.   box-sizing: border-box;
  2338.   display: -webkit-box;
  2339.   width: 30%;
  2340. }
  2341.  
  2342. .search-engine-list .name-column :last-child {
  2343.   -webkit-box-flex: 1;
  2344. }
  2345.  
  2346. .search-engine-list .keyword-column {
  2347.   -webkit-padding-end: 1ex;
  2348.   box-sizing: border-box;
  2349.   width: 26%;
  2350. }
  2351.  
  2352. .search-engine-list .url-column {
  2353.   box-sizing: border-box;
  2354.   width: 44%;
  2355. }
  2356.  
  2357. .search-engine-list .keyword-column,
  2358. .search-engine-list .url-column {
  2359.   color: #666;
  2360. }
  2361.  
  2362. .search-engine-list .default .name-column,
  2363. .search-engine-list .default .keyword-column {
  2364.   font-weight: bold;
  2365. }
  2366.  
  2367. /* For temporary Make Default button */
  2368. .search-engine-list .url-column {
  2369.   -webkit-box-align: center;
  2370.   display: -webkit-box;
  2371. }
  2372.  
  2373. .search-engine-list .url-column :first-child {
  2374.   -webkit-box-flex: 1;
  2375. }
  2376.  
  2377. .search-engine-list .url-column .list-inline-button {
  2378.   margin-top: 0;
  2379.   padding: 1px 6px 2px 6px;
  2380. }
  2381.  
  2382. .search-engine-list > :not(:hover):not([editing]) .url-column
  2383.     .list-inline-button {
  2384.   display: none;
  2385. }
  2386.  
  2387. /* End temporary Make Default button styling */
  2388. </style>
  2389. <style>/* Copyright (c) 2012 The Chromium Authors. All rights reserved.
  2390.  * Use of this source code is governed by a BSD-style license that can be
  2391.  * found in the LICENSE file. */
  2392.  
  2393. .search-hidden {
  2394.   display: none !important;
  2395. }
  2396.  
  2397. .search-highlighted {
  2398.   background-color: rgba(255, 240, 120, 0.9);
  2399. }
  2400.  
  2401. /* Container for the elements that make up the search bubble. */
  2402. .search-bubble {
  2403.   left: 0;
  2404.   margin-top: 5px;
  2405.   pointer-events: none;
  2406.   position: absolute;
  2407.   top: -1000px;  /* Minor hack: position off-screen by default. */
  2408.   /* Create a z-context for search-bubble-innards, its after and before. */
  2409.   z-index: 1;
  2410. }
  2411.  
  2412. /* Contains the text content of the bubble.  */
  2413. .search-bubble-innards {
  2414.   background: -webkit-linear-gradient(rgba(255, 248, 172, 0.9),
  2415.                                       rgba(255, 243, 128, 0.9));
  2416.   border-radius: 2px;
  2417.   padding: 4px 10px;
  2418.   text-align: center;
  2419.   width: 100px;
  2420. }
  2421.  
  2422. /* Provides the border around the bubble (has to be behind ::after). */
  2423. .search-bubble-innards::before {
  2424.   border: 1px solid rgb(220, 198, 72);
  2425.   border-radius: 2px;
  2426.   bottom: -1px;
  2427.   content: '';
  2428.   left: -1px;
  2429.   position: absolute;
  2430.   right: -1px;
  2431.   top: -1px;
  2432.   z-index: -2;
  2433. }
  2434.  
  2435. /* Provides the arrow which points at the anchor element. */
  2436. .search-bubble-innards::after {
  2437.   -webkit-transform: rotate(45deg);
  2438.   background:
  2439.       -webkit-linear-gradient(-45deg, rgb(251, 255, 181),
  2440.                                       rgb(255, 248, 172) 50%,
  2441.                                       rgba(255, 248, 172, 0));
  2442.   border: 1px solid rgb(220, 198, 72);
  2443.   border-bottom-color: transparent;
  2444.   border-right-color: transparent;
  2445.   content: '';
  2446.   height: 12px;
  2447.   left: 53px;
  2448.   position: absolute;
  2449.   top: -7px;
  2450.   width: 12px;
  2451.   z-index: -1;
  2452. }
  2453.  
  2454. .search-bubble-wrapper {
  2455.   position: relative;
  2456. }
  2457.  
  2458. /* #mainview is here to win specificity. :( */
  2459. #mainview #searchPage.page,
  2460. #mainview #searchBox.page {
  2461.   padding-bottom: 0;
  2462. }
  2463. </style>
  2464. <style>/* Copyright (c) 2012 The Chromium Authors. All rights reserved.
  2465.  * Use of this source code is governed by a BSD-style license that can be
  2466.  * found in the LICENSE file.
  2467.  */
  2468.  
  2469. #spelling-confirm-overlay {
  2470.   width: 500px;
  2471. }
  2472. </style>
  2473. <style>/* Copyright (c) 2012 The Chromium Authors. All rights reserved.
  2474.  * Use of this source code is governed by a BSD-style license that can be
  2475.  * found in the LICENSE file. */
  2476.  
  2477. .subpages-nav-tabs .tab {
  2478.   padding: 4px 8px;
  2479.   position: relative;
  2480. }
  2481.  
  2482. .subpages-nav-tabs .active-tab {
  2483.   -webkit-box-shadow: 8px -8px 12px -6px rgb(240, 240, 240);
  2484.   background: white;
  2485.   border: 1px solid #ddd;
  2486.   border-bottom: 2px solid white;
  2487.   border-top-left-radius: 3px;
  2488.   border-top-right-radius: 3px;
  2489.   position: relative;
  2490. }
  2491.  
  2492. /* To avoid tabs changing size when they are clicked and their labels become
  2493.  * bold, we actually put two labels inside each tab: an inactive label and an
  2494.  * active label. Only one is visible at a time, but the bold label is used to
  2495.  * size the tab even when it's not visible. This keeps the tab size constant.
  2496.  */
  2497. .subpages-nav-tabs .active-tab-label,
  2498. .subpages-nav-tabs .tab-label:hover {
  2499.   font-weight: bold;
  2500. }
  2501.  
  2502. .subpages-nav-tabs .tab-label {
  2503.   left: 9px;
  2504.   position: absolute;
  2505.   top: 5px;
  2506. }
  2507.  
  2508. html[dir=rtl] .subpages-nav-tabs .tab-label {
  2509.   right: 9px;
  2510. }
  2511.  
  2512. .subpages-nav-tabs .active-tab-label,
  2513. .subpages-nav-tabs .active-tab .tab-label {
  2514.   visibility: hidden;
  2515. }
  2516.  
  2517. /* .tab is not removed when .active-tab is added, so we must
  2518.  * override the hidden visibility above in the active tab case.
  2519.  */
  2520. .subpages-nav-tabs .active-tab .active-tab-label {
  2521.   visibility: visible;
  2522. }
  2523.  
  2524. .subpages-nav-tabs {
  2525.   background-image: -webkit-gradient(
  2526.                         linear,
  2527.                         left top,
  2528.                         left bottom,
  2529.                         color-stop(0, rgb(255,255,255)),
  2530.                         color-stop(0.6, rgb(255,255,255)),
  2531.                         color-stop(0.8, rgb(250, 250, 250)),
  2532.                         color-stop(1.0, rgb(242,242,242))
  2533.   );
  2534.   border-bottom: 1px solid #ddd;
  2535.   padding: 4px 20px;
  2536. }
  2537.  
  2538. .subpages-tab-contents {
  2539.    -webkit-padding-start: 10px;
  2540.   display: none;
  2541.   padding-top: 15px;
  2542. }
  2543.  
  2544. .active-tab-contents {
  2545.   display: block;
  2546. }
  2547. </style>
  2548. <style>/* Copyright (c) 2012 The Chromium Authors. All rights reserved.
  2549.  * Use of this source code is governed by a BSD-style license that can be
  2550.  * found in the LICENSE file. */
  2551.  
  2552. #startup-overlay {
  2553.   min-width: 500px;
  2554. }
  2555.  
  2556. #startupPagesList {
  2557.   margin-bottom: 20px;
  2558.   min-height: 64px;
  2559. }
  2560.  
  2561. #startupPagesList .title {
  2562.   width: 40%;
  2563. }
  2564.  
  2565. #startupPagesList .url {
  2566.   -webkit-box-flex: 1;
  2567.   color: #666;
  2568. }
  2569.  
  2570. #startupPagesList > * {
  2571.   max-width: 700px;
  2572. }
  2573.  
  2574. #startupPagesListDropmarker {
  2575.   background-clip: padding-box;
  2576.   background-color: hsl(214, 91%, 65%);
  2577.   border: 2px solid hsl(214, 91%, 65%);
  2578.   border-bottom-color: transparent;
  2579.   border-radius: 0;
  2580.   border-top-color: transparent;
  2581.   box-sizing: border-box;
  2582.   display: none;
  2583.   height: 6px;
  2584.   overflow: hidden;
  2585.   pointer-events: none;
  2586.   position: fixed;
  2587.   z-index: 10;
  2588. }
  2589. </style>
  2590. <style>/* Copyright (c) 2012 The Chromium Authors. All rights reserved.
  2591.  * Use of this source code is governed by a BSD-style license that can be
  2592.  * found in the LICENSE file. */
  2593.  
  2594. /* TODO(jhawkins): Organize these by page. */
  2595.  
  2596. #sync-setup-overlay * h4 {
  2597.   margin: 5px 0;
  2598. }
  2599.  
  2600. #sync-setup-overlay * form {
  2601.   -webkit-user-select: none;
  2602. }
  2603.  
  2604. #sync-setup-overlay * .content-area {
  2605.   padding: 10px 15px;
  2606. }
  2607.  
  2608. .action-area-link-container {
  2609.   -webkit-box-flex: 1;
  2610. }
  2611.  
  2612. .sync-customize-section-container {
  2613.   margin: 5px 0 10px 0;
  2614. }
  2615.  
  2616. #sync-custom-passphrase {
  2617.   margin: 0 25px;
  2618. }
  2619.  
  2620. #sync-passphrase-message {
  2621.   color: gray;
  2622. }
  2623.  
  2624. .sync-custom-passphrase-input {
  2625.   margin: 10px 0;
  2626. }
  2627.  
  2628. #sync-existing-passphrase-container {
  2629.   background: rgb(255, 242, 158);
  2630.   border: 1px solid rgb(212, 205, 173);
  2631.   padding: 10px;
  2632. }
  2633.  
  2634. #sync-select-container {
  2635.   margin-bottom: 10px;
  2636. }
  2637.  
  2638. #sync-instructions-container {
  2639.   line-height: 1.8em;
  2640.   margin-bottom: 30px;
  2641. }
  2642.  
  2643. #choose-data-types-body {
  2644.   -webkit-column-count: 3;
  2645.   margin: 10px 0;
  2646. }
  2647.  
  2648. #choose-data-types-body > .checkbox:first-child {
  2649.   margin-top: 0;
  2650. }
  2651.  
  2652. #choose-data-types-body > .checkbox:last-child {
  2653.   margin-bottom: 0;
  2654. }
  2655.  
  2656. #sync-setup-overlay {
  2657.   -webkit-user-select: none;
  2658.   background-color: white;
  2659.   margin-bottom: 6px;
  2660.   margin-top: 6px;
  2661.   width: 500px;
  2662. }
  2663.  
  2664. #sync-setup-overlay * a:link {
  2665.   color: rgb(0, 0, 204);
  2666. }
  2667.  
  2668. #sync-setup-overlay * a:visited {
  2669.   color: rgb(85, 26, 139);
  2670. }
  2671.  
  2672. #sync-setup-overlay * a:active {
  2673.   color: rgb(255, 0, 0);
  2674. }
  2675.  
  2676. #sync-setup-overlay * hr {
  2677.   background-color: #ddd;
  2678.   border: 0;
  2679.   height: 1px;
  2680.   text-align: left;
  2681.   width: 100%;
  2682. }
  2683.  
  2684. #sync-setup-overlay * input[type='button'],
  2685. #sync-setup-overlay * input[type='submit'] {
  2686.   min-height: 26px;
  2687.   min-width: 87px;
  2688. }
  2689.  
  2690. #email-readonly {
  2691.   font-size: 15px;
  2692.   height: 29px;
  2693.   line-height: 29px;
  2694.   margin: 0;
  2695. }
  2696.  
  2697. #passphrase-encryption-message,
  2698. #encryption-section-message {
  2699.   color: gray;
  2700.   margin-bottom: 5px;
  2701. }
  2702.  
  2703. #passphrase-input {
  2704.   margin-bottom: 5px;
  2705.   margin-top: 5px;
  2706. }
  2707.  
  2708. #incorrect-passphrase {
  2709.   margin-top: 5px;
  2710. }
  2711.  
  2712. #sync-setup-overlay * .error {
  2713.   color: red;
  2714. }
  2715.  
  2716. .overlay-warning {
  2717.   background: white;
  2718.   border: 2px solid #888;
  2719.   border-radius: 8px;
  2720.   box-shadow: 0.2em 0.2em 0.5em #888;
  2721.   left: 25px;
  2722.   padding: 15px;
  2723.   position: absolute;
  2724.   right: 25px;
  2725.   top: 100px;
  2726. }
  2727.  
  2728. #cancel-warning-header {
  2729.   font-weight: bold;
  2730.   margin-bottom: 8px;
  2731. }
  2732.  
  2733. .overlay-warning input {
  2734.   float: right;
  2735.   margin-left: 5px;
  2736.   margin-top: 12px;
  2737. }
  2738.  
  2739. #sync-passphrase-warning {
  2740.   margin-bottom: 5px;
  2741. }
  2742.  
  2743. #gaia-login-form {
  2744.   margin-bottom: 0;
  2745. }
  2746.  
  2747. #captcha-div {
  2748.   background: white;
  2749.   border: 1px solid #e5e5e5;
  2750.   overflow: hidden;
  2751.   padding: 1em 1em;
  2752. }
  2753.  
  2754. #captcha-wrapper {
  2755.   background: no-repeat;
  2756.   background-position: center;
  2757.   background-size: 200px 70px;
  2758.   margin: 0 0 1em;
  2759. }
  2760.  
  2761. #captcha-image {
  2762.   height: 70px;
  2763.   width: 200px;
  2764. }
  2765.  
  2766. #asp-warning-div {
  2767.   text-align: left;
  2768. }
  2769.  
  2770. #logging-in-throbber {
  2771.   margin: 0 10px;
  2772. }
  2773.  
  2774. #top-blurb-error {
  2775.   -webkit-transition: margin-top 330ms ease-out, opacity 660ms ease-out;
  2776.   background: rgb(249, 237, 190);
  2777.   border: 1px solid rgb(240, 195, 109);
  2778.   display: block;
  2779.   font-weight: bold;
  2780.   line-height: 1.5em;
  2781.   margin-bottom: 10px;
  2782.   opacity: 1;
  2783.   padding: 8px 25px;
  2784.   position: relative;
  2785.   text-align: center;
  2786. }
  2787.  
  2788. #top-blurb-error[hidden] {
  2789.   display: block;
  2790.   margin-top: -37px;
  2791.   opacity: 0;
  2792. }
  2793.  
  2794. #password-row {
  2795.   margin-bottom: 0;
  2796.   margin-top: 2px;
  2797. }
  2798.  
  2799. #action-area {
  2800.   margin: 1em 0;
  2801. }
  2802.  
  2803. #sign-in {
  2804.   margin: 0;
  2805. }
  2806.  
  2807. #sync-setup-configure {
  2808.   background: white;
  2809. }
  2810.  
  2811. #choose-data-types-form {
  2812.   -webkit-user-select: none;
  2813. }
  2814.  
  2815. #chooseDataTypesRadio {
  2816.   vertical-align: top;
  2817. }
  2818.  
  2819. #chooseDataTypes > div {
  2820.   display: inline-block;
  2821. }
  2822.  
  2823. .sync-data-types {
  2824.   margin-left: 5px;
  2825. }
  2826.  
  2827. .sync-configuration-errors {
  2828.   margin-top: 5px;
  2829. }
  2830.  
  2831. .sync-configuration-error {
  2832.   background-color: rgb(238, 185, 57);
  2833.   border-radius: 4px;
  2834.   font-weight: bold;
  2835.   margin-left: auto;
  2836.   margin-right: auto;
  2837.   padding: 1px 10px;
  2838.   text-align: center;
  2839.   width: 80%;
  2840. }
  2841.  
  2842. #learn-more-link {
  2843.   float: right;
  2844. }
  2845.  
  2846. html[dir='rtl'] #learn-more-link {
  2847.   float: left;
  2848. }
  2849.  
  2850. #customize-link,
  2851. #use-default-link {
  2852.   -webkit-transition: opacity 250ms;
  2853. }
  2854.  
  2855.  
  2856. /* Sign in box. */
  2857.  
  2858. .sign-in {
  2859.   margin: 20px auto;
  2860.   width: 335px;
  2861. }
  2862.  
  2863. .signin-box {
  2864.   background: #f5f5f5;
  2865.   border: 1px solid #e5e5e5;
  2866.   padding: 20px 25px 15px;
  2867. }
  2868.  
  2869. #signin-header {
  2870.   position: relative;
  2871. }
  2872.  
  2873. #signin-header h2 {
  2874.   color: #222;
  2875.   font-size: 16px;
  2876.   font-weight: normal;
  2877.   height: 16px;
  2878.   line-height: 16px;
  2879.   margin-top: 0;
  2880. }
  2881.  
  2882. #signin-header-logo {
  2883.   background: transparent
  2884.       url('chrome://resources/images/google-transparent.png') no-repeat;
  2885.   display: inline-block;
  2886.   height: 19px;
  2887.   position: absolute;
  2888.   right: 0;
  2889.   top: 1px;
  2890.   width: 52px;
  2891. }
  2892.  
  2893. html[dir='rtl'] #signin-header-logo {
  2894.   left: 0;
  2895.   right: auto;
  2896. }
  2897.  
  2898. #email-row,
  2899. #email-readonly-row,
  2900. #password-row {
  2901.   margin: 0 0 1.5em;
  2902. }
  2903.  
  2904. /* Sign in buttons. */
  2905.  
  2906. .signin-box input[type=submit] {
  2907.   -webkit-margin-end: 0.4em;
  2908.   -webkit-margin-start: 0;
  2909.   -webkit-transition: all 218ms;
  2910.   -webkit-user-select: none;
  2911.   background-image: -webkit-linear-gradient(top, rgb(77, 144, 254),
  2912.                                                  rgb(71, 135, 237));
  2913.   border: 1px solid rgb(48, 121, 237);
  2914.   border-radius: 2px;
  2915.   color: white;
  2916.   display: inline-block;
  2917.   font-size: 13px;
  2918.   font-weight: bold;
  2919.   height: 32px;
  2920.   line-height: 27px;
  2921.   margin-bottom: 1.2em;
  2922.   margin-top: 0;
  2923.   min-width: 54px !important;
  2924.   padding: 0 8px;
  2925. }
  2926.  
  2927. .signin-box input[type=submit]:hover {
  2928.   -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  2929.   -webkit-transition: all 0;
  2930.   background-image: -webkit-linear-gradient(top, rgb(77, 144, 254),
  2931.                                                  rgb(53, 122, 232));
  2932.   border-color: rgb(47, 91, 183);
  2933.   color: white;
  2934. }
  2935.  
  2936. .signin-box input[type=submit]:focus {
  2937.   -webkit-box-shadow: inset 0 0 0 1px white;
  2938.   border-color: rgb(77, 144, 254);
  2939.   outline: none;
  2940.   z-index: 4 !important;
  2941. }
  2942.  
  2943. .signin-box input[type=submit]:active,
  2944. .signin-box input[type=submit]:focus:active {
  2945.   -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
  2946. }
  2947.  
  2948. .signin-box input[type=submit]:focus:hover {
  2949.   -webkit-box-shadow: inset 0 0 0 1px white, 0 1px 1px rgba(0, 0, 0, 0.1);
  2950. }
  2951.  
  2952. .signin-box input[type=submit][disabled],
  2953. .signin-box input[type=submit][disabled]:hover,
  2954. .signin-box input[type=submit][disabled]:active {
  2955.   -webkit-box-shadow: none;
  2956.   background-color: rgb(77, 144, 254);
  2957.   border: 1px solid rgb(48, 121, 237);
  2958.   color: white;
  2959.   opacity: 0.5;
  2960. }
  2961.  
  2962. /* Sign in text fields. */
  2963.  
  2964. .signin-box input[type=text],
  2965. .signin-box input[type=password] {
  2966.   -webkit-border-radius: 1px;
  2967.   -webkit-box-sizing: border-box;
  2968.   background-color: white;
  2969.   border: 1px solid #d9d9d9;
  2970.   border-top: 1px solid #c0c0c0;
  2971.   color: #333;
  2972.   display: inline-block;
  2973.   font-size: 15px;
  2974.   height: 32px;
  2975.   line-height: 27px;
  2976.   margin-top: 0.5em;
  2977.   padding-left: 8px;
  2978.   vertical-align: top;
  2979.   width: 100%;
  2980. }
  2981.  
  2982. html[dir='rtl'] .signin-box input[type=text],
  2983. html[dir='rtl'] .signin-box input[type=password] {
  2984.   padding-left: 0;
  2985.   padding-right: 8px;
  2986. }
  2987.  
  2988. .signin-box input[type=text]:hover,
  2989. .signin-box input[type=password]:hover {
  2990.   -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  2991.   border-color: #b9b9b9;
  2992.   border-top: 1px solid #a0a0a0;
  2993. }
  2994.  
  2995. .signin-box input[type=text]:focus,
  2996. .signin-box input[type=password]:focus {
  2997.   -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
  2998.   border-color: rgb(77, 144, 254);
  2999.   outline: none;
  3000. }
  3001.  
  3002. .signin-box input[type=text][disabled],
  3003. .signin-box input[type=password][disabled] {
  3004.   -webkit-box-shadow: none;
  3005.   background: #f5f5f5;
  3006.   border: 1px solid #e5e5e5;
  3007. }
  3008.  
  3009. .signin-box input[type=text][disabled]:hover,
  3010. .signin-box input[type=password][disabled]:hover {
  3011.   -webkit-box-shadow: none;
  3012. }
  3013.  
  3014.  
  3015. /* Sign in links. */
  3016.  
  3017. .signin-box .account-link {
  3018.   color: rgb(17, 85, 204) !important;
  3019.   text-decoration: none;
  3020. }
  3021.  
  3022. .signin-box .account-link:visited {
  3023.   color: rgb(102, 17, 204) !important;
  3024.   text-decoration: none;
  3025. }
  3026.  
  3027. .signin-box .account-link:hover {
  3028.   text-decoration: underline;
  3029. }
  3030.  
  3031. .signin-box .account-link:active {
  3032.   color: rgb(209, 72, 54) !important;
  3033.   text-decoration: underline;
  3034. }
  3035.  
  3036. /* Sign in text. */
  3037.  
  3038. .signin-box strong {
  3039.   color: #222;
  3040.   display: block;
  3041. }
  3042.  
  3043. .signin-box label {
  3044.   display: block;
  3045.   font-weight: bold;
  3046. }
  3047.  
  3048. /* The help links inside the signin box labels should use a normal font. */
  3049. .signin-box label a {
  3050.   font-weight: normal;
  3051. }
  3052.  
  3053. /* Sign in miscellaneous. */
  3054.  
  3055. .signin-box .throbber {
  3056.   float: right;
  3057. }
  3058.  
  3059. html[dir='rtl'] .signin-box .throbber {
  3060.   float: left;
  3061. }
  3062.  
  3063. #create-account-div {
  3064.   display: inline-block;
  3065. }
  3066.  
  3067. .signin-box .errormsg {
  3068.   color: rgb(221, 75, 57) !important;
  3069.   font-size: 13px !important;
  3070.   line-height: 17px;
  3071.   margin: 0.5em 0 1.5em;
  3072. }
  3073.  
  3074. .signin-box .help-link {
  3075.   -webkit-border-radius: 1em;
  3076.   background: rgb(221, 75, 57);
  3077.   color: white !important;
  3078.   display: inline-block;
  3079.   font-weight: bold;
  3080.   padding: 0 5px;
  3081.   position: relative;
  3082.   text-decoration: none;
  3083.   top: 0;
  3084. }
  3085.  
  3086. .signin-box .help-link:visited {
  3087.   color: white !important;
  3088. }
  3089.  
  3090. .signin-box .help-link:hover {
  3091.   color: white !important;
  3092.   opacity: .7;
  3093. }
  3094. </style>
  3095.  
  3096.  
  3097. <style>/* Copyright 2012 The Chromium Authors. All rights reserved.
  3098.  * Use of this source code is governed by a BSD-style license that can be
  3099.  * found in the LICENSE file. */
  3100.  
  3101. /* Don't use the large margin used for the navigation bar. Settings App uses a
  3102.  * 20px margin for headings + 18px for sections.
  3103.  */
  3104. html.settings-app body.uber-frame {
  3105.   -webkit-margin-start: 38px;
  3106. }
  3107.  
  3108. /* There is a tweak in uber_shared.css to improve touch events around the
  3109.  * navigation bar (which is not used for the settings app) in reaction to a
  3110.  * webkit bug (wk95204). We need to reset back to the original style.
  3111.  */
  3112. @media(pointer:coarse) {
  3113.   html.settings-app body.uber-frame section {
  3114.     -webkit-padding-start: 18px;
  3115.   }
  3116.   html.settings-app body.uber-frame section > h3 {
  3117.     -webkit-margin-start: -18px;
  3118.   }
  3119. }
  3120.  
  3121. html.settings-app body.uber-frame header {
  3122.   left: 20px;
  3123.   min-width: 400px;
  3124. }
  3125.  
  3126. html.settings-app #content-settings-page .content-area {
  3127.   -webkit-margin-start: 18px;
  3128. }
  3129.  
  3130. /* Settings App is narrower due to no navigation margin, so the roomy language
  3131.  * overlay needs to be trimmed down. 25% is taken off the original height and
  3132.  * the width is trimmed proportional to (half) the reduction due to the removal
  3133.  * of the left margin.
  3134.  */
  3135. html.settings-app .language-options-left {
  3136.   height: 300px;
  3137.   width: 228px;
  3138. }
  3139.  
  3140. html.settings-app .language-options-right {
  3141.   height: 300px;
  3142.   width: 288px;
  3143. }
  3144.  
  3145. /* Hide all sections by default. */
  3146. html.settings-app section {
  3147.   display: none;
  3148. }
  3149.  
  3150. /* Sections white-listed for Settings App. */
  3151. html.settings-app #advanced-settings,
  3152. html.settings-app #handlers-section,
  3153. html.settings-app #languages-section,
  3154. html.settings-app #media-galleries-section,
  3155. html.settings-app #network-section,
  3156. html.settings-app #notifications-section,
  3157. html.settings-app #privacy-section,
  3158. html.settings-app #sync-section,
  3159. html.settings-app #sync-users-section {
  3160.   display: inline;
  3161. }
  3162.  
  3163. /* Hide irrelevant parts of privacy section. */
  3164. html.settings-app #privacy-section > div > .checkbox,
  3165. html.settings-app #privacy-section > div > #privacy-explanation {
  3166.   display: none;
  3167. }
  3168.  
  3169. /* Hide Import bookmarks and settings button. */
  3170. html.settings-app #import-data {
  3171.   display: none;
  3172. }
  3173. </style>
  3174. <script src="chrome://resources/css/tree.css.js"></script>
  3175. <script src="chrome://resources/js/cr.js"></script>
  3176. <script src="chrome://resources/js/event_tracker.js"></script>
  3177. <script src="chrome://resources/js/cr/event_target.js"></script>
  3178. <script src="chrome://resources/js/cr/ui.js"></script>
  3179. <script src="chrome://resources/js/cr/ui/touch_handler.js"></script>
  3180. <script src="chrome://resources/js/cr/ui/array_data_model.js"></script>
  3181. <script src="chrome://resources/js/cr/ui/bubble.js"></script>
  3182. <script src="chrome://resources/js/cr/ui/focus_manager.js"></script>
  3183. <script src="chrome://resources/js/cr/ui/list_selection_model.js"></script>
  3184. <script src="chrome://resources/js/cr/ui/list_selection_controller.js"></script>
  3185. <script src="chrome://resources/js/cr/ui/list_single_selection_model.js">
  3186. </script>
  3187. <script src="chrome://resources/js/cr/ui/list_item.js"></script>
  3188. <script src="chrome://resources/js/cr/ui/list.js"></script>
  3189. <script src="chrome://resources/js/cr/ui/menu_item.js"></script>
  3190. <script src="chrome://resources/js/cr/ui/menu.js"></script>
  3191. <script src="chrome://resources/js/cr/ui/autocomplete_list.js"></script>
  3192. <script src="chrome://resources/js/cr/ui/grid.js"></script>
  3193. <script src="chrome://resources/js/cr/ui/overlay.js"></script>
  3194. <script src="chrome://resources/js/cr/ui/position_util.js"></script>
  3195. <script src="chrome://resources/js/cr/ui/repeating_button.js"></script>
  3196. <script src="chrome://resources/js/cr/ui/tree.js"></script>
  3197. <script src="chrome://resources/js/load_time_data.js"></script>
  3198. <script src="chrome://resources/js/util.js"></script>
  3199.  
  3200. <script src="chrome://settings-frame/strings.js"></script>
  3201. <script src="chrome://settings-frame/options_bundle.js"></script>
  3202. </head>
  3203.  
  3204. <body class="uber-frame"
  3205.     i18n-values=".style.fontFamily:fontfamily;.style.fontSize:fontsize">
  3206. <div id="overlay-container-1" class="overlay transparent" hidden>
  3207.   <div id="autofill-options" class="page" hidden>
  3208.   <div class="close-button"></div>
  3209.   <h1 i18n-content="autofillOptionsPage"></h1>
  3210.   <div class="content-area">
  3211.  
  3212.     <h3 i18n-content="autofillAddresses"></h3>
  3213.     <div class="settings-list">
  3214.       <list id="address-list"></list>
  3215.       <div>
  3216.         <button id="autofill-add-address" i18n-content="autofillAddAddress">
  3217.         </button>
  3218.       </div>
  3219.     </div>
  3220.     <h3 i18n-content="autofillCreditCards"></h3>
  3221.     <div class="settings-list">
  3222.       <list id="creditcard-list"></list>
  3223.       <div>
  3224.         <button id="autofill-add-creditcard"
  3225.             i18n-content="autofillAddCreditCard"></button>
  3226.       </div>
  3227.     </div>
  3228.   </div>
  3229.   <div class="action-area">
  3230.     <a id="autofill-help" target="_blank" i18n-values="href:helpUrl"
  3231.         i18n-content="helpButton">
  3232.     </a>
  3233.     <div class="button-strip">
  3234.       <button id="autofill-options-confirm" i18n-content="done"></button>
  3235.     </div>
  3236.   </div>
  3237. </div>
  3238.  
  3239.   <div id="clear-browser-data-overlay" class="page" hidden>
  3240.   <div class="close-button"></div>
  3241.   <h1 i18n-content="clearBrowserDataOverlay"></h1>
  3242.   <div id="cbd-content-area" class="content-area">
  3243.     <span i18n-content="clearBrowserDataLabel"></span>
  3244.     <select id="clear-browser-data-time-period"
  3245.         i18n-options="clearBrowserDataTimeList"
  3246.         pref="browser.clear_data.time_period"
  3247.         data-type="number">
  3248.     </select>
  3249.     <div id="clear-data-checkboxes">
  3250.       <div class="checkbox">
  3251.         <label>
  3252.           <input id="delete-browsing-history-checkbox"
  3253.               pref="browser.clear_data.browsing_history" type="checkbox">
  3254.           <span i18n-content="deleteBrowsingHistoryCheckbox"></span>
  3255.         </label>
  3256.       </div>
  3257.       <div class="checkbox">
  3258.         <label>
  3259.           <input id="delete-download-history-checkbox"
  3260.               pref="browser.clear_data.download_history" type="checkbox">
  3261.           <span i18n-content="deleteDownloadHistoryCheckbox"></span>
  3262.         </label>
  3263.       </div>
  3264.       <div class="checkbox">
  3265.         <label>
  3266.           <input id="delete-cache-checkbox"
  3267.               pref="browser.clear_data.cache" type="checkbox">
  3268.           <span i18n-content="deleteCacheCheckbox"></span>
  3269.         </label>
  3270.       </div>
  3271.       <div class="checkbox">
  3272.         <label>
  3273.           <input id="delete-cookies-checkbox"
  3274.               pref="browser.clear_data.cookies" type="checkbox">
  3275.           <span i18n-content="deleteCookiesFlashCheckbox"
  3276.               class="clear-plugin-lso-data-enabled"></span>
  3277.           <span i18n-content="deleteCookiesCheckbox"
  3278.               class="clear-plugin-lso-data-disabled"></span>
  3279.         </label>
  3280.       </div>
  3281.       <div class="checkbox">
  3282.         <label>
  3283.           <input id="delete-passwords-checkbox"
  3284.               pref="browser.clear_data.passwords" type="checkbox">
  3285.           <span i18n-content="deletePasswordsCheckbox"></span>
  3286.         </label>
  3287.       </div>
  3288.       <div class="checkbox">
  3289.         <label>
  3290.           <input id="delete-form-data-checkbox"
  3291.               pref="browser.clear_data.form_data" type="checkbox">
  3292.           <span i18n-content="deleteFormDataCheckbox"></span>
  3293.         </label>
  3294.       </div>
  3295.       <div class="checkbox">
  3296.         <label>
  3297.           <input id="delete-hosted-apps-data-checkbox"
  3298.               pref="browser.clear_data.hosted_apps_data" type="checkbox">
  3299.           <span i18n-content="deleteHostedAppsDataCheckbox"></span>
  3300.         </label>
  3301.       </div>
  3302.       <div class="checkbox pepper-flash-settings">
  3303.         <label>
  3304.           <input id="deauthorize-content-licenses-checkbox"
  3305.               pref="browser.clear_data.content_licenses" type="checkbox">
  3306.           <span i18n-content="deauthorizeContentLicensesCheckbox"></span>
  3307.         </label>
  3308.       </div>
  3309.     </div>
  3310.     <div id="flash-storage-settings" class="flash-plugin-area">
  3311.       <a target="_blank" i18n-content="flash_storage_settings"
  3312.           i18n-values="href:flash_storage_url"></a>
  3313.     </div>
  3314.   </div>
  3315.   <div class="action-area">
  3316.     <div class="hbox stretch">
  3317.       <a target="_blank" i18n-content="learnMore"
  3318.           i18n-values="href:clearBrowsingDataLearnMoreUrl"></a>
  3319.     </div>
  3320.     <div class="action-area-right">
  3321.       <div id="cbd-throbber" class="throbber"></div>
  3322.       <div class="button-strip">
  3323.         <button id="clear-browser-data-dismiss" i18n-content="cancel"></button>
  3324.         <button id="clear-browser-data-commit"
  3325.             i18n-content="clearBrowserDataCommit">
  3326.         </button>
  3327.       </div>
  3328.     </div>
  3329.   </div>
  3330. </div>
  3331.  
  3332.   <div id="content-settings-page" class="page" hidden>
  3333.   <div class="close-button"></div>
  3334.   <h1 i18n-content="contentSettingsPage"></h1>
  3335.   <div class="content-area">
  3336.     <!-- Cookie filter tab contents -->
  3337.     <section>
  3338.       <h3 i18n-content="cookies_tab_label"></h3>
  3339.       <div>
  3340.         <div class="radio">
  3341.           <span class="controlled-setting-with-label">
  3342.             <input id="cookies-allow" type="radio" name="cookies" value="allow">
  3343.             <span>
  3344.               <label for="cookies-allow" i18n-content="cookies_allow"></label>
  3345.               <span class="controlled-setting-indicator"
  3346.                   content-setting="cookies" value="allow">
  3347.               </span>
  3348.             </span>
  3349.           </span>
  3350.         </div>
  3351.         <div class="radio">
  3352.           <span class="controlled-setting-with-label">
  3353.             <input id="cookies-session" type="radio" name="cookies"
  3354.                 value="session">
  3355.             <span>
  3356.               <label for="cookies-session" i18n-content="cookies_session_only">
  3357.               </label>
  3358.               <span class="controlled-setting-indicator"
  3359.                   content-setting="cookies" value="session">
  3360.               </span>
  3361.             </span>
  3362.           </span>
  3363.         </div>
  3364.         <div class="radio">
  3365.           <span class="controlled-setting-with-label">
  3366.             <input id="cookies-block" type="radio" name="cookies" value="block">
  3367.             <span>
  3368.               <label for="cookies-block" i18n-content="cookies_block"></label>
  3369.               <span class="controlled-setting-indicator"
  3370.                   content-setting="cookies" value="block">
  3371.               </span>
  3372.             </span>
  3373.           </span>
  3374.         </div>
  3375.         <div class="checkbox">
  3376.           <span class="controlled-setting-with-label">
  3377.             <input id="block-third-party-cookies"
  3378.                 pref="profile.block_third_party_cookies" type="checkbox">
  3379.             <span>
  3380.               <label for="block-third-party-cookies"
  3381.                   i18n-content="cookies_block_3rd_party">
  3382.               </label>
  3383.               <span class="controlled-setting-indicator"
  3384.                   pref="profile.block_third_party_cookies">
  3385.               </span>
  3386.             </span>
  3387.           </span>
  3388.         </div>
  3389.         <!-- TODO(jochen): remove the div with the clear cookies on exit option
  3390.                            once this has shipped. -->
  3391.         <div class="checkbox" guest-visibility="disabled" hidden>
  3392.           <label>
  3393.             <input id="clear-cookies-on-exit"
  3394.                 pref="profile.clear_site_data_on_exit" type="checkbox">
  3395.             <span i18n-content="cookies_lso_clear_when_close"
  3396.                 class="clear-plugin-lso-data-enabled"></span>
  3397.             <span i18n-content="cookies_clear_when_close"
  3398.                 class="clear-plugin-lso-data-disabled"></span>
  3399.           </label>
  3400.         </div>
  3401.         <div class="settings-row">
  3402.           <button class="exceptions-list-button" contentType="cookies"
  3403.               i18n-content="manageExceptions"></button>
  3404.           <button id="show-cookies-button"
  3405.               i18n-content="cookies_show_cookies"></button>
  3406.         </div>
  3407.      </div>
  3408.     </section>
  3409.     <!-- Image filter -->
  3410.     <section>
  3411.       <h3 i18n-content="images_tab_label"></h3>
  3412.       <div>
  3413.         <div class="radio">
  3414.           <span class="controlled-setting-with-label">
  3415.             <input id="images-allow" type="radio" name="images" value="allow">
  3416.             <span>
  3417.               <label for="images-allow" i18n-content="images_allow"></label>
  3418.               <span class="controlled-setting-indicator"
  3419.                   content-setting="images" value="allow">
  3420.               </span>
  3421.             </span>
  3422.           </span>
  3423.         </div>
  3424.         <div class="radio">
  3425.           <span class="controlled-setting-with-label">
  3426.             <input id="images-block" type="radio" name="images" value="block">
  3427.             <span>
  3428.               <label for="images-block" i18n-content="images_block"></label>
  3429.               <span class="controlled-setting-indicator"
  3430.                   content-setting="images" value="block">
  3431.               </span>
  3432.             </span>
  3433.           </span>
  3434.         </div>
  3435.         <div class="settings-row">
  3436.           <button class="exceptions-list-button" contentType="images"
  3437.               i18n-content="manageExceptions"></button>
  3438.         </div>
  3439.       </div>
  3440.     </section>
  3441.     <!-- JavaScript filter -->
  3442.     <section>
  3443.       <h3 i18n-content="javascript_tab_label"></h3>
  3444.       <div>
  3445.         <div class="radio">
  3446.           <span class="controlled-setting-with-label">
  3447.             <input id="javascript-allow" type="radio" name="javascript"
  3448.                 value="allow">
  3449.             <span>
  3450.               <label for="javascript-allow" i18n-content="javascript_allow">
  3451.               </label>
  3452.               <span class="controlled-setting-indicator"
  3453.                   content-setting="javascript" value="allow">
  3454.               </span>
  3455.             </span>
  3456.           </span>
  3457.         </div>
  3458.         <div class="radio">
  3459.           <span class="controlled-setting-with-label">
  3460.             <input id="javascript-block" type="radio" name="javascript"
  3461.                 value="block">
  3462.             <span>
  3463.               <label for="javascript-block" i18n-content="javascript_block">
  3464.               </label>
  3465.               <span class="controlled-setting-indicator"
  3466.                   content-setting="javascript" value="block">
  3467.               </span>
  3468.             </span>
  3469.           </span>
  3470.         </div>
  3471.         <div class="settings-row">
  3472.           <button class="exceptions-list-button" contentType="javascript"
  3473.               i18n-content="manageExceptions"></button>
  3474.         </div>
  3475.       </div>
  3476.     </section>
  3477.     <!-- Handlers settings -->
  3478.     <section id="handlers-section">
  3479.       <h3 i18n-content="handlers_tab_label"></h3>
  3480.       <div>
  3481.         <div class="radio">
  3482.           <label>
  3483.             <input type="radio" name="handlers" value="allow"
  3484.                 class="handler-radio">
  3485.             <span i18n-content="handlers_allow"></span>
  3486.           </label>
  3487.         </div>
  3488.         <div class="radio">
  3489.           <label>
  3490.             <input type="radio" name="handlers" value="block"
  3491.                 class="handler-radio">
  3492.             <span i18n-content="handlers_block"></span>
  3493.           </label>
  3494.         </div>
  3495.         <div class="settings-row">
  3496.           <button id="manage-handlers-button" contentType="handlers"
  3497.               i18n-content="manage_handlers"></button>
  3498.         </div>
  3499.       </div>
  3500.     </section>
  3501.     <!-- Plug-ins filter -->
  3502.     <section>
  3503.       <h3 i18n-content="plugins_tab_label"></h3>
  3504.       <div>
  3505.         <div class="radio">
  3506.           <span class="controlled-setting-with-label">
  3507.             <input id="plugins-allow" type="radio" name="plugins" value="allow">
  3508.             <span>
  3509.               <label for="plugins-allow" i18n-content="plugins_allow"></label>
  3510.               <span class="controlled-setting-indicator"
  3511.                   content-setting="plugins" value="allow">
  3512.               </span>
  3513.             </span>
  3514.           </span>
  3515.         </div>
  3516.         <div id="click_to_play" class="radio">
  3517.           <span class="controlled-setting-with-label">
  3518.             <input id="plugins-ask" type="radio" name="plugins" value="ask">
  3519.             <span>
  3520.               <label for="plugins-ask" i18n-content="plugins_ask"></label>
  3521.               <span class="controlled-setting-indicator"
  3522.                   content-setting="plugins" value="ask">
  3523.               </span>
  3524.             </span>
  3525.           </span>
  3526.         </div>
  3527.         <div class="radio">
  3528.           <span class="controlled-setting-with-label">
  3529.             <input id="plugins-block" type="radio" name="plugins" value="block">
  3530.             <span>
  3531.               <label for="plugins-block" i18n-content="plugins_block"></label>
  3532.               <span class="controlled-setting-indicator"
  3533.                   content-setting="plugins" value="block">
  3534.               </span>
  3535.             </span>
  3536.           </span>
  3537.         </div>
  3538.         <div class="settings-row">
  3539.           <button class="exceptions-list-button" contentType="plugins"
  3540.               i18n-content="manageExceptions"></button>
  3541.         </div>
  3542.         <div id="disable-plugins-container">
  3543.           <a href="chrome://plugins" i18n-content="disableIndividualPlugins"
  3544.               target="_blank"></a>
  3545.         </div>
  3546.       </div>
  3547.     </section>
  3548.     <!-- Pop-ups filter -->
  3549.     <section>
  3550.       <h3 i18n-content="popups_tab_label" class="content-settings-header"></h3>
  3551.       <div>
  3552.         <div class="radio">
  3553.           <span class="controlled-setting-with-label">
  3554.             <input id="popups-allow" type="radio" name="popups" value="allow">
  3555.             <span>
  3556.               <label for="popups-allow" i18n-content="popups_allow"></label>
  3557.               <span class="controlled-setting-indicator"
  3558.                   content-setting="popups" value="allow">
  3559.               </span>
  3560.             </span>
  3561.           </span>
  3562.         </div>
  3563.         <div class="radio">
  3564.           <span class="controlled-setting-with-label">
  3565.             <input id="popups-block" type="radio" name="popups" value="block">
  3566.             <span>
  3567.               <label for="popups-block" i18n-content="popups_block"></label>
  3568.               <span class="controlled-setting-indicator"
  3569.                   content-setting="popups" value="block">
  3570.               </span>
  3571.             </span>
  3572.           </span>
  3573.         </div>
  3574.         <div class="settings-row">
  3575.           <button class="exceptions-list-button" contentType="popups"
  3576.               i18n-content="manageExceptions"></button>
  3577.         </div>
  3578.       </div>
  3579.     </section>
  3580.     <!-- Location filter -->
  3581.     <section>
  3582.       <h3 i18n-content="location_tab_label"></h3>
  3583.       <div>
  3584.         <div class="radio">
  3585.           <span class="controlled-setting-with-label">
  3586.             <input id="location-allow" type="radio" name="location"
  3587.                 value="allow">
  3588.             <span>
  3589.               <label for="location-allow" i18n-content="location_allow"></label>
  3590.               <span class="controlled-setting-indicator"
  3591.                   content-setting="location" value="allow">
  3592.               </span>
  3593.             </span>
  3594.           </span>
  3595.         </div>
  3596.         <div class="radio">
  3597.           <span class="controlled-setting-with-label">
  3598.             <input id="location-ask" type="radio" name="location" value="ask">
  3599.             <span>
  3600.               <label for="location-ask" i18n-content="location_ask"></label>
  3601.               <span class="controlled-setting-indicator"
  3602.                   content-setting="location" value="ask">
  3603.               </span>
  3604.             </span>
  3605.           </span>
  3606.         </div>
  3607.         <div class="radio">
  3608.           <span class="controlled-setting-with-label">
  3609.             <input id="location-block" type="radio" name="location"
  3610.                 value="block">
  3611.             <span>
  3612.               <label for="location-block" i18n-content="location_block"></label>
  3613.               <span class="controlled-setting-indicator"
  3614.                   content-setting="location" value="block">
  3615.               </span>
  3616.             </span>
  3617.           </span>
  3618.         </div>
  3619.         <div class="settings-row">
  3620.           <button class="exceptions-list-button" contentType="location"
  3621.               i18n-content="manageExceptions"></button>
  3622.         </div>
  3623.       </div>
  3624.     </section>
  3625.     <!-- Notifications filter tab contents -->
  3626.     <section id="notifications-section">
  3627.       <h3 i18n-content="notifications_tab_label"></h3>
  3628.       <div>
  3629.         <div class="radio">
  3630.           <span class="controlled-setting-with-label">
  3631.             <input id="notifications-allow" type="radio" name="notifications"
  3632.                 value="allow">
  3633.             <span>
  3634.               <label for="notifications-allow"
  3635.                   i18n-content="notifications_allow">
  3636.               </label>
  3637.               <span class="controlled-setting-indicator"
  3638.                   content-setting="notifications" value="allow">
  3639.               </span>
  3640.             </span>
  3641.           </span>
  3642.         </div>
  3643.         <div class="radio">
  3644.           <span class="controlled-setting-with-label">
  3645.             <input id="notifications-ask" type="radio" name="notifications"
  3646.                 value="ask">
  3647.             <span>
  3648.               <label for="notifications-ask" i18n-content="notifications_ask">
  3649.               </label>
  3650.               <span class="controlled-setting-indicator"
  3651.                   content-setting="notifications" value="ask">
  3652.               </span>
  3653.             </span>
  3654.           </span>
  3655.         </div>
  3656.         <div class="radio">
  3657.           <span class="controlled-setting-with-label">
  3658.             <input id="notifications-block" type="radio" name="notifications"
  3659.                 value="block">
  3660.             <span>
  3661.               <label for="notifications-block"
  3662.                   i18n-content="notifications_block">
  3663.               </label>
  3664.               <span class="controlled-setting-indicator"
  3665.                   content-setting="notifications" value="block">
  3666.               </span>
  3667.             </span>
  3668.           </span>
  3669.         </div>
  3670.         <div class="settings-row">
  3671.           <button class="exceptions-list-button" contentType="notifications"
  3672.               i18n-content="manageExceptions"></button>
  3673.         </div>
  3674.       </div>
  3675.     </section>
  3676.     <!-- Fullscreen filter -->
  3677.     <section>
  3678.       <h3 i18n-content="fullscreen_tab_label"></h3>
  3679.       <div class="settings-row">
  3680.         <button class="exceptions-list-button" contentType="fullscreen"
  3681.             i18n-content="manageExceptions"></button>
  3682.       </div>
  3683.     </section>
  3684.     <!-- Mouse Lock filter -->
  3685.     <section>
  3686.       <h3 i18n-content="mouselock_tab_label"></h3>
  3687.       <div>
  3688.         <div class="radio">
  3689.           <label>
  3690.             <input type="radio" name="mouselock" value="allow">
  3691.             <span i18n-content="mouselock_allow"></span>
  3692.           </label>
  3693.         </div>
  3694.         <div class="radio">
  3695.           <label>
  3696.             <input type="radio" name="mouselock" value="ask">
  3697.             <span i18n-content="mouselock_ask"></span>
  3698.           </label>
  3699.         </div>
  3700.         <div class="radio">
  3701.           <label>
  3702.             <input type="radio" name="mouselock" value="block">
  3703.             <span i18n-content="mouselock_block"></span>
  3704.           </label>
  3705.         </div>
  3706.         <div class="settings-row">
  3707.           <button class="exceptions-list-button" contentType="mouselock"
  3708.               i18n-content="manageExceptions"></button>
  3709.         </div>
  3710.       </div>
  3711.     </section>
  3712.  
  3713.     <!-- Media Stream capture device filter -->
  3714.     <section>
  3715.       <div role="section-header">
  3716.         <h3 i18n-content="mediaStreamTabLabel"></h3>
  3717.         <span id="media-indicator"
  3718.             class="controlled-setting-indicator group-indicator"></span>
  3719.       </div>
  3720.       <div>
  3721.         <div class="media-device-control">
  3722.           <span i18n-content="mediaSelectMicLabel"></span>
  3723.           <select id="media-select-mic" class="weakrtl"></select>
  3724.         </div>
  3725.         <div class="media-device-control">
  3726.           <span i18n-content="mediaSelectCameraLabel"></span>
  3727.           <select id="media-select-camera" class="weakrtl"></select>
  3728.         </div>
  3729.         <div class="radio">
  3730.           <span class="controlled-setting-with-label">
  3731.             <input id="media-stream-ask" type="radio" name="media-stream"
  3732.                 value="ask">
  3733.             <span>
  3734.               <label id="media-stream-ask-label" for="media-stream-ask"
  3735.                   i18n-content="mediaStreamAsk">
  3736.               </label>
  3737.               <span class="controlled-setting-indicator"
  3738.                   content-setting="media-stream" value="ask">
  3739.               </span>
  3740.             </span>
  3741.           </span>
  3742.         </div>
  3743.         <div class="radio">
  3744.           <span class="controlled-setting-with-label">
  3745.             <input id="media-stream-block" type="radio" name="media-stream"
  3746.                 value="block">
  3747.             <span>
  3748.               <label id="media-stream-block-label" for="media-stream-block"
  3749.                   i18n-content="mediaStreamBlock">
  3750.               </label>
  3751.               <span class="controlled-setting-indicator"
  3752.                   content-setting="media-stream" value="block">
  3753.               </span>
  3754.             </span>
  3755.           </span>
  3756.         </div>
  3757.         <div class="settings-row">
  3758.           <button class="exceptions-list-button" contentType="media-stream"
  3759.               i18n-content="manageExceptions"></button>
  3760.         </div>
  3761.         <div id="media-pepper-flash-default" class="pepper-flash-settings">
  3762.           <span i18n-content="mediaPepperFlashDefaultDivergedLabel"></span>
  3763.           <a target="_blank" i18n-content="mediaPepperFlashChangeLink"
  3764.               i18n-values="href:mediaPepperFlashGlobalPrivacyURL"></a>
  3765.         </div>
  3766.       </div>
  3767.     </section>
  3768.     <!-- PPAPI broker -->
  3769.     <section>
  3770.       <h3 i18n-content="ppapiBrokerTabLabel"></h3>
  3771.       <div>
  3772.         <div class="radio">
  3773.           <label>
  3774.             <input type="radio" name="ppapi-broker" value="allow">
  3775.             <span i18n-content="ppapi_broker_allow"></span>
  3776.           </label>
  3777.         </div>
  3778.         <div class="radio">
  3779.           <label>
  3780.             <input type="radio" name="ppapi-broker" value="ask">
  3781.             <span i18n-content="ppapi_broker_ask"></span>
  3782.           </label>
  3783.         </div>
  3784.         <div class="radio">
  3785.           <label>
  3786.             <input type="radio" name="ppapi-broker" value="block">
  3787.             <span i18n-content="ppapi_broker_block"></span>
  3788.           </label>
  3789.         </div>
  3790.         <div class="settings-row">
  3791.           <button class="exceptions-list-button" contentType="ppapi-broker"
  3792.               i18n-content="manageExceptions"></button>
  3793.         </div>
  3794.       </div>
  3795.     </section>
  3796.     <section id="media-galleries-section" hidden>
  3797.       <h3 i18n-content="mediaGalleriesSectionLabel"></h3>
  3798.       <div class="settings-row">
  3799.         <button id="manage-galleries-button"
  3800.             i18n-content="manageGalleriesButton"></button>
  3801.       </div>
  3802.     </section>
  3803.   </div>
  3804.   <div class="action-area">
  3805.     <div class="button-strip">
  3806.       <button id="content-settings-overlay-confirm" i18n-content="done">
  3807.       </button>
  3808.     </div>
  3809.   </div>
  3810. </div>
  3811.  
  3812.   <div id="content-settings-page2" class="page" hidden>
  3813.   <div class="close-button"></div>
  3814.   <h1 i18n-content="contentSettingsPage"></h1>
  3815.   <div class="content-area">
  3816.     This space intentionally left blank.
  3817.   </div>
  3818.   <div class="action-area">
  3819.     <div class="button-strip">
  3820.       <button id="content-settings-overlay-confirm2" i18n-content="done">
  3821.       </button>
  3822.     </div>
  3823.   </div>
  3824. </div>
  3825.  
  3826.   <div id="do-not-track-confirm-overlay" class="page" hidden>
  3827.   <div class="close-button"></div>
  3828.   <h1 i18n-content="doNotTrackConfirmOverlay"></h1>
  3829.   <div class="content-area">
  3830.     <span id="do-not-track-confirm-text"
  3831.         i18n-content="doNotTrackConfirmMessage">
  3832.     </span>
  3833.     <a target="_blank" i18n-content="learnMore"
  3834.         i18n-values="href:doNotTrackLearnMoreURL">
  3835.     </a>
  3836.   </div>
  3837.   <div class="action-area">
  3838.     <div class="button-strip">
  3839.       <button id="do-not-track-confirm-ok"
  3840.           i18n-content="doNotTrackConfirmEnable">
  3841.       </button>
  3842.       <button id="do-not-track-confirm-cancel"
  3843.           i18n-content="doNotTrackConfirmDisable"
  3844.           class="cancel-button">
  3845.       </button>
  3846.     </div>
  3847.   </div>
  3848. </div>
  3849.  
  3850.   <div id="managed-user-settings-page" class="page" hidden>
  3851.   <div class="close-button"></div>
  3852.   <h1 i18n-content="managedUserSettingsPage"></h1>
  3853.   <div class="content-area">
  3854.     <!-- Content pack area -->
  3855.     <section>
  3856.       <h3 i18n-content="installedContentPacks"></h3>
  3857.       <list id="content-packs-list"></list>
  3858.       <div class="settings-row">
  3859.         <button id="get-content-packs-button" i18n-content="getContentPacks">
  3860.       </div>
  3861.     </section>
  3862.     <!-- Content pack settings -->
  3863.     <section>
  3864.       <h3 i18n-content="contentPackSettings"></h3>
  3865.       <div class="radio">
  3866.         <label>
  3867.           <input type="radio" name="contentpacks" value="0"
  3868.               id="contentpacks-allow"
  3869.               pref="profile.managed.default_filtering_behavior">
  3870.           <span for="contentpacks-allow"
  3871.               i18n-content="outsideContentPacksAllow"></span>
  3872.         </label>
  3873.       </div>
  3874.       <div class="radio">
  3875.         <label>
  3876.           <input type="radio" name="contentpacks" value="1"
  3877.               id="contentpacks-warn"
  3878.               pref="profile.managed.default_filtering_behavior">
  3879.           <span for="contentpacks-warn"
  3880.               i18n-content="outsideContentPacksWarn"></span>
  3881.         </label>
  3882.       </div>
  3883.       <div class="radio">
  3884.         <label>
  3885.           <input type="radio" name="contentpacks" value="2"
  3886.               id="contentpacks-block"
  3887.               pref="profile.managed.default_filtering_behavior">
  3888.           <span for="contentpacks-block"
  3889.               i18n-content="outsideContentPacksBlock"></span>
  3890.         </label>
  3891.       </div>
  3892.     </section>
  3893.     <!-- Advanced Settings -->
  3894.     <section>
  3895.       <h3 i18n-content="advancedManagedUserSettings"></h3>
  3896.       <div class="checkbox">
  3897.         <label>
  3898.           <input type="checkbox" id="safe-search-checkbox"
  3899.               pref="settings.force_safesearch">
  3900.           <span for="safe-search-checkbox"
  3901.               i18n-content="enableSafeSearch"></span>
  3902.         </label>
  3903.       </div>
  3904.       <div class="checkbox">
  3905.         <label>
  3906.           <input id="disable-signin-checkbox" type="checkbox">
  3907.           <span for="disable-signin-checkbox"
  3908.               i18n-content="disableProfileSignIn"></span>
  3909.         </label>
  3910.       </div>
  3911.       <div class="checkbox">
  3912.         <label>
  3913.           <input id="disable-history-deletion-checkbox" type="checkbox">
  3914.           <span for="disable-history-deletion-checkbox"
  3915.               i18n-content="disableHistoryDeletion"></span>
  3916.         </label>
  3917.       </div>
  3918.       <div class="checkbox">
  3919.         <label>
  3920.           <input id="use-passphrase-checkbox" type="checkbox">
  3921.           <span for="use-passphrase-checkbox"
  3922.               i18n-content="usePassphrase"></span>
  3923.         </label>
  3924.         <button id="set-passphrase" class="link-button"
  3925.             i18n-content="setPassphrase">
  3926.       </div>
  3927.     </section>
  3928.   </div>
  3929.   <div class="action-area">
  3930.     <div class="button-strip">
  3931.       <button id="managed-user-settings-confirm" type="submit"
  3932.           i18n-content="ok">
  3933.     </div>
  3934.   </div>
  3935. </div>
  3936.  
  3937.   <div id="font-settings" class="page" hidden>
  3938.   <div class="close-button"></div>
  3939.   <h1 i18n-content="fontSettingsPage"></h1>
  3940.   <div class="content-area">
  3941.     <section>
  3942.       <h3 i18n-content="fontSettingsStandard"></h3>
  3943.       <div class="font-setting-container">
  3944.         <div class="font-input-div">
  3945.           <div>
  3946.             <select id="standard-font-family" class="font-input"
  3947.                 data-type="string" metric="Options_ChangeStandardFont"
  3948.                 pref="webkit.webprefs.fonts.standard.Zyyy">
  3949.             </select>
  3950.           </div>
  3951.           <div>
  3952.             <input id="standard-font-size" type="range" min="0" max="24"
  3953.                 pref="webkit.webprefs.default_font_size">
  3954.             <div>
  3955.               <span i18n-content="fontSettingsSizeTiny"></span>
  3956.               <span i18n-content="fontSettingsSizeHuge"
  3957.                   class="font-settings-huge">
  3958.               </span>
  3959.             </div>
  3960.           </div>
  3961.         </div>
  3962.         <div id="standard-font-sample" class="font-sample-div"></div>
  3963.       </div>
  3964.     </section>
  3965.     <section>
  3966.       <h3 i18n-content="fontSettingsSerif"></h3>
  3967.       <div class="font-setting-container">
  3968.         <div class="font-input-div">
  3969.           <div>
  3970.             <select id="serif-font-family" class="font-input" data-type="string"
  3971.                 pref="webkit.webprefs.fonts.serif.Zyyy"
  3972.                 metric="Options_ChangeSerifFont">
  3973.             </select>
  3974.           </div>
  3975.         </div>
  3976.         <div id="serif-font-sample" class="font-sample-div"></div>
  3977.       </div>
  3978.     </section>
  3979.     <section>
  3980.       <h3 i18n-content="fontSettingsSansSerif"></h3>
  3981.       <div class="font-setting-container">
  3982.         <div class="font-input-div">
  3983.           <div>
  3984.             <select id="sans-serif-font-family" class="font-input"
  3985.                 data-type="string" metric="Options_ChangeSansSerifFont"
  3986.                 pref="webkit.webprefs.fonts.sansserif.Zyyy">
  3987.             </select>
  3988.           </div>
  3989.         </div>
  3990.         <div id="sans-serif-font-sample" class="font-sample-div"></div>
  3991.       </div>
  3992.     </section>
  3993.     <section>
  3994.       <h3 i18n-content="fontSettingsFixedWidth"></h3>
  3995.       <div class="font-setting-container">
  3996.         <div class="font-input-div">
  3997.           <div>
  3998.             <select id="fixed-font-family" class="font-input" data-type="string"
  3999.                 pref="webkit.webprefs.fonts.fixed.Zyyy"
  4000.                 metric="Options_ChangeFixedFont">
  4001.             </select>
  4002.           </div>
  4003.         </div>
  4004.         <div id="fixed-font-sample" class="font-sample-div"></div>
  4005.       </div>
  4006.     </section>
  4007.     <section>
  4008.       <h3 i18n-content="fontSettingsMinimumSize"></h3>
  4009.       <div class="font-setting-container">
  4010.         <div class="font-input-div">
  4011.           <div>
  4012.             <input id="minimum-font-size" type="range" min="0" max="15"
  4013.                 pref="webkit.webprefs.minimum_font_size">
  4014.             <div>
  4015.               <span i18n-content="fontSettingsSizeTiny"></span>
  4016.               <span i18n-content="fontSettingsSizeHuge"
  4017.                   class="font-settings-huge">
  4018.               </span>
  4019.             </div>
  4020.           </div>
  4021.         </div>
  4022.         <div id="minimum-font-sample" class="font-sample-div"></div>
  4023.       </div>
  4024.     </section>
  4025.     <section>
  4026.       <h3 i18n-content="fontSettingsEncoding"></h3>
  4027.       <div class="font-input-div">
  4028.         <div>
  4029.           <select id="font-encoding" data-type="string"
  4030.               pref="intl.charset_default"
  4031.               metric="Options_ChangeFontEncoding">
  4032.           </select>
  4033.         </div>
  4034.       </div>
  4035.     </section>
  4036.   </div>
  4037.   <div class="action-area">
  4038.     <div class="button-strip">
  4039.       <button id="font-settings-confirm" i18n-content="done"></button>
  4040.     </div>
  4041.   </div>
  4042. </div>
  4043.  
  4044.   <div id="home-page-overlay" class="page" hidden>
  4045.   <div class="close-button"></div>
  4046.   <h1 i18n-content="homePageOverlay"></h1>
  4047.   <div class="content-area">
  4048.     <div class="radio">
  4049.       <span class="controlled-setting-with-label">
  4050.         <input id="homepage-use-ntp" type="radio" name="homepage"
  4051.             pref="homepage_is_newtabpage" value="true"
  4052.             metric="Options_Homepage_IsNewTabPage" dialog-pref>
  4053.         <span>
  4054.           <label for="homepage-use-ntp" i18n-content="homePageUseNewTab">
  4055.           </label>
  4056.           <span class="controlled-setting-indicator"
  4057.               pref="homepage_is_newtabpage" value="true" dialog-pref>
  4058.           </span>
  4059.         </span>
  4060.       </span>
  4061.     </div>
  4062.     <div class="radio">
  4063.       <span class="controlled-setting-with-label">
  4064.         <input id="homepage-use-url" type="radio" name="homepage"
  4065.             pref="homepage_is_newtabpage" value="false"
  4066.             metric="Options_Homepage_IsNewTabPage" dialog-pref>
  4067.         <span>
  4068.           <label for="homepage-use-url" i18n-content="homePageUseURL"></label>
  4069.           <span class="controlled-setting-indicator"
  4070.               pref="homepage_is_newtabpage" value="false" dialog-pref>
  4071.           </span>
  4072.           <input id="homepage-url-field" type="url" data-type="url"
  4073.               class="weakrtl favicon-cell stretch" pref="homepage"
  4074.               dialog-pref>
  4075.           </input>
  4076.           <span id="homepage-url-field-indicator"
  4077.               class="controlled-setting-indicator" pref="homepage"
  4078.               dialog-pref>
  4079.           </span>
  4080.         </span>
  4081.       </span>
  4082.     </div>
  4083.   </div>
  4084.   <div class="action-area">
  4085.     <div class="button-strip">
  4086.       <button id="home-page-cancel" type="reset" i18n-content="cancel">
  4087.       </button>
  4088.       <button id="home-page-confirm" i18n-content="ok"></button>
  4089.     </div>
  4090.   </div>
  4091. </div>
  4092.  
  4093.   <div id="import-data-overlay" class="page" hidden>
  4094.   <div class="close-button"></div>
  4095.   <h1 i18n-content="importDataOverlay"></h1>
  4096.   <div class="content-area">
  4097.     <div class="import-data-configure">
  4098.       <div id="import-from-div">
  4099.         <span i18n-content="importFromLabel"></span>
  4100.         <select id="import-browsers">
  4101.           <option i18n-content="importLoading"></option>
  4102.         </select>
  4103.       </div>
  4104.       <div id="import-checkboxes">
  4105.         <div i18n-content="importDescription"></div>
  4106.         <div class="checkbox">
  4107.           <span class="controlled-setting-with-label">
  4108.             <input id="import-history" type="checkbox" pref="import_history">
  4109.             <span>
  4110.               <label for="import-history" i18n-content="importHistory"></label>
  4111.               <span class="controlled-setting-indicator" pref="import_history">
  4112.               </span>
  4113.             </span>
  4114.           </span>
  4115.         </div>
  4116.         <div class="checkbox">
  4117.           <span class="controlled-setting-with-label">
  4118.             <input id="import-favorites" type="checkbox"
  4119.                 pref="import_bookmarks">
  4120.             <span>
  4121.               <label for="import-favorites" i18n-content="importFavorites">
  4122.               </label>
  4123.               <span class="controlled-setting-indicator"
  4124.                   pref="import_bookmarks">
  4125.               </span>
  4126.             </span>
  4127.           </span>
  4128.         </div>
  4129.         <div class="checkbox">
  4130.           <span class="controlled-setting-with-label">
  4131.             <input id="import-passwords" type="checkbox"
  4132.                 pref="import_saved_passwords">
  4133.             <span>
  4134.               <label for="import-passwords" i18n-content="importPasswords">
  4135.               </label>
  4136.               <span class="controlled-setting-indicator"
  4137.                   pref="import_saved_passwords">
  4138.               </span>
  4139.             </span>
  4140.           </span>
  4141.         </div>
  4142.         <div class="checkbox">
  4143.           <span class="controlled-setting-with-label">
  4144.             <input id="import-search" type="checkbox"
  4145.                 pref="import_search_engine">
  4146.             <span>
  4147.               <label for="import-search" i18n-content="importSearch"></label>
  4148.               <span class="controlled-setting-indicator"
  4149.                   pref="import_search_engine">
  4150.               </span>
  4151.             </span>
  4152.           </span>
  4153.         </div>
  4154.       </div>
  4155.     </div>
  4156.     <div class="import-data-success" hidden>
  4157.       <div id="import-success-header">
  4158.         <strong i18n-content="importSucceeded"></strong>
  4159.       </div>
  4160.       <div id="import-success-image">
  4161.         <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAYAAADimHc4AAARnElEQVR42u2dB1SU17qG32Fm/ilIUcCIINg9YFBsSNTYSyKWBPTEckGNDWwXTdGo8Wal6TErJ0Y93pwYY4k6KAoaCwhWFBSk2QuoMTFRo+Ykco0xJvnut/ba60zOSpwZYIZhkHetx4XM/Lu83/fv8m/HQa1qVata1erPpGbqML5MANOcCWFCmdZMGMw8yYTK11sxQUx9xpNRUCubDfdkGkkj23ec3HF8/8X9345ZH7N2bObYjPji+IsTiyeWxp+IL038IvHh9KvTadrVaTTp8qSHY4rGlE4onlA6pnDMxej06IyBGwau7vl+zzfCZ4SPlgFrwvgwWtTq33KTpjdlwsNjw8e+sP6F1fFH4/MSLyWWJXyRQCMvjaRBFwdR13NdKfR0KAWeCCT/Yn/yLvQm1XGVQJuvJa9CL/Fa8IlgCjkVQk+fe5qiLkbR8NLhNPLCyLKYrJi8fuv7rQyZGDJc3iV+j3MwdHJYads6uvXouK1xm2een3lzytUpwrCIsxHEJgtjcRyVQQTIUGAQwYk8G0mDSwZTzKmYm32T+5qaxTYbIoPvicdEeiZIcVe6RK+IXppYnHiehxGKLokWWWvMNxLy4FDc8tzIs8CTQk+F0oALA2hI7pALkR9FLtZ6a0MAeDGqmprxQe5+7j2Grxy+Ytb5WTfHXh5LEWciyLvAWxjjDDTHNeRb6EvtTrejPoV9vo1cGblE30j/ZE26I9RyFRMRsyJm6UsXX7oTeylWdLhc2e74u0IkQutTral3Ue/vwleELwYQ7OorKCMT0j62/aSZRTPPjrs8Thivz9dbMMP5gfAq8KKWJ1tSl6wu54OmBo2SCaRytZWNr9HP2HP89vEp069M/7Xvub5Ut6AuIRcugSZPQ/UL61Obk21+bZvUdovSRGnpKismhWkSMjR0zMyTs0pHlI6kpsXNSJXrxh1TuRyG40YKKAqksKw2l31G+wwSG8NqLAMTNnDRwIWJl2be639+AHnle4uOuDKaPC35FPhSy/xWPwYuavSm2MxVQ7kznWKTY02Tr8RTh9MdRcNd3XyJuIM98j0psKgRBawKNAFogGokD627ttv49AnpcaVjqEVxS8IxVY3EkGckv4L65G9qmOHm49a4OkzOHjzZ9pp8OD5nZMkoCioMFg2tyejy9OSb70d+KfXz1M3UzZw67IjMz5qQM/ziX6lBgb9sZM1HydWR9/G6ZNzinqfyUwU5a8LtFJc2Jn3ExZHUIJ/NP6p6rFCO6cgzz4u0nyr7qnpOUJiwYZuGm2JL4sSwww16LNHl6kUQVMtUyQDqVtUmq0mvd3svHFf6IrUoaika8jhjyDWSPtdAmI93xcjgYPm2GNIibuKFSffanWhPyFHVwhiOGQmHcB/PIRqA2mGTrsHP0Gtc/oslfc70Jc1RhSt3c3nGloyjZdeXs4nuFS5DlaMm47E6hG34Co0Q4ojlqYZpHZ0a83nM+WHknVuPkO3m8tQ55knXHlwjYp3/8TxFnIiscFmaHIV0Rw2E5djjiPngifAp7RLjLoz5tUlBM1mp67Pw2iL6vR789oDmXZ1P6hxthcoTAcjCbxiHafZ8eKfj9X6XUfmjr3Q71Z1U2eoaYX7zgpbC8D9TblkucaJVPAgp+AZeaGmvoSi45/JeK2LODSPPo96EI241gp3f7SJL4tcrVK4mWyEcBmE+1gBwRyWl1/vqe7xQPOJOm6LwGmN+1JlBZE0ReZEVLl+XYyDswF00QHhlV0VB3Zd1XzH07HOkzzZyZN1cHuWInkrul5Albb/+OWE7v38Xc6j8dbgd1hCyQHgV6ypzvqzTuGueGl7415ttCsNl4a7PnCuvkSX98tsvFHagrQiAIK3igUYKvocH2lT0Lgh46v2uHww9+zwZsz24ULXLE5AbRGW/lJElrfvqMzZebeZAxepyO6wlHAQhESsBeKCcUjNtBx8ZeqF9YUdClrpGsOHmRrKkB78+oCaZzc3m765cfZrDOsIaXAPQtLx3gWfj6MZxQ848R945PjXC/G7F3cmall1e/ofsr3QAMkHohUnlPU9u2mNdr829T/QlHFK7POoshYrKismSyh6WUUB6EGGbWoDddqr/gFiS7gPgz6hsHX7aReUNvtkqL7RGBCChZCpZ08KLi6T5kgP2qVuTpSNswg8A2jKKTcNP07hmEwecfJaMWR6Eg2qXpt4RP7rz8A5Z0p0Hd6jeLj9CqlqA3far3+2glpAGwgDMAuANGxTYcVnEyqeLeogCXJ2FVxeRNc05M1eaL9lv53ZkgjAD28He2jIMhfRK73u8zfF2fLHGpWme20o877Gk6/evU50d3my8RoA0B7TlgIqwBKUAQq0NQ2pNHU3H/vnPljXIDuQLNS7Nztu7yJqmFc8gpGgYGYD99m+H5qCekIyfoEcva3sC96DRwWN7FvUh7UGDS5sfdXIIWdPle1dI2WY0ByDNMW1RHdASdoLQE68AqA8L8vnL/JA3I/O7ikxwVZSDRir5sZSsKfb4WMJWDSMDsM+B7doFwgtYBSDY0jwQGP6PDus6HI9w6QDMuTSXrOnkD6dInaIzByDNwe1KB2E69gIIsXRY07zz5i6HQo+FiWxwRQKOBIvnPdb0fM4wwhYNI7N/r4PblgHCWzgLoD1jxCMU8tSebueDspu6bAA23NhI1pR7J0+aL0mrgrZlgrAU3wDoxnjhEWodub/rdZ9DT4iMcDW65fcgW9T7UD9CskYgs9/ByAB8jH8B6M/44hF6MjK7212PA/X4Iq1Lod6np6K7xWRNGTcy2XitmbQqamOmmrAW9wEMsfRPGcMic7r9pNtXhy/QuhQJ56aRLeqQ2ZmwWStAShW3cz1+BjCMafjIAHTO60rqvXqHNyb29FgKO9rOLmXVO/gE3fn5DllT8ldbpfmStKozX5WpEJJAAEYwgY8MQIeczg+RoSVHoc7U05KrS4Uh1376mpof+Uuly1zx1UfEsnrUGJrWhrBJy8jsz6hC9qgJG0UARjNBj5wDwrM6/p8qQ3FII7z2+1La7XT6vUrulVLAoeAKlxmW006Ya02rr6yV5kt2V3UAQFiDhwBimeBHroLa7G1/S5tptHsDONOF2X+mk3dPieBUpNydt3YRy+pRY9COpmbzU5mMKiYdhFW4by0AoWG7218zZHpxxBS78UzBIPr+4feW1+bf51F5640qHEq2aMmFpYQkrZnd4vqqZRcIy/C9tSGoVUhq2AX3vXXtVnGDg41EBtqijNt7ScmsY0u54n3yjrJ61OiX2tBsfqq4vurZAcLfcMPaJBzcdE3LHI+9PoR0xW6s+PIjslXJ17eSeo/BaplzLswjW/T2mXcJJi1jzn6kO4FUEGbjgrVlaP2AvwWbfPc3tGvl9fY1oGv3vyZb9c8vV1osL+BgY+vPe+RRo9cWXxkAmf3pTmILCONx2NpGzPOJxIaLgg40I6QpdmVUcRyVRwsvLX5kWRu+MZEteqVoDmGjVgCTzP40J2ECYSCSAAyw9ChC8Y6u92Ljgy3EJsXejUi7sYfKIx5m/lBGt2O9yBZd+/FrMmzyNAcgxXnmi0P+dSC0w2IAT1t6GAc3o1unoD3N7mGXWmSMPWl+IEROyLZr0qkp/75enWagoh+KbbsuL+F32a8QdjG7ncR2EFbgJ2gwBUAHxggLat5wTdApRzVmzpl5ZLPkDnZY4QhxbcLp6WSLSu6WkpLk/p/Zv9tZyPF/Hr4E8KLFAxkpH78F/p957PHlrNHZHSXNg87fvUA2S26kXij8L/m8x7pGZccRNigCbGR2irqdxwYQRmAfwH9aOpKUUupEe8XXzwzkhmsd0qBu2b3IUSr6rpjUGw3mAKQ62fwdKsKnIITjQwBRTH3YoPa8efkOO90c1rBPrqwmRyjqwFCz+aZqkP1bQXgPZQCmMl1s/cBGgNc7PruwU3TAIdRL9xfrdHsq59ZRwnrFTIqoy7l8BsJY5MrxP5RRYIMUXR/DBI90X8IOjcMaF1swjuypHhl9pfnm7Hcq20FYybTE3wHEmP9pom0K91rr9yW2qzgIOodx+FY22UNpX+/hbFPMpIjynYsJhAW4CWAG04PxRjnkq5vhvhKfa4lxWCOb7wsVq5zKKnxnJ7P5G51vvkjcT0AYhJ0AxpmHH9ulggFPKyaPf2GbGwdB7zDePreIKqOkK5sJ63RmUkS5ziUJhHdQBg3mABhi/oBG+dRQ+W+jCdvUXKjOYY1VdnqKzZNUuTdqrbaFmc3fyDjbfPZLjP3PIRPAZCaiov/lpQZeqn6aJPcybFM5tNH9sqOoIvqkZLU0X5JaTbJ/Ee5Bh3ly8g2uzAe2A1QzlM1IAUdWIWzXO4wNV5PKvUMOSG5CWKsTwCTKcSrCp4+YoSL7E5inGE9UQmro0QOrNDe5cIc2vkFacLn2Bu+fWSLNl6RUgwCsA2E+bkONuQCGM42Fh5VUfQxQvYNk/IYUN8I2vcNIKJxBLJuOGuuZ/AlrdAJsFNc7l00gLGGP2uJTAPGWsr9CH9zGPBxFMgipWod1Qr3dnQ5/a31vsKDoTWm+zP5UJ5u/VQ49sSgE8DIzlGkkvLOT3OGBwViOG9gCrlTnsM6E74+wuDe489MdqrPexxwAk3PNFwm5Wpz53oIOCwCMZdoyRthRKsafi30V6/FABCHV4DAWnnuPHqVZea9yh/UCrGFSxDXOYz0I77InwfhQPnTr6ajvHdAyIRiGz8R4t9XNYZ2qs8OPLpdd+eNR472vSVnraQ6Aycnmm0D4gOmJbQBmyU1XsPDKQdKLyWUasmCC/ISJwSFEHXnefMr1QymlfLGdojKfJ3yqZ2T2bxXvdQLS/A+ZGOQAmM2MYkIZAxwolZzZ++NVnHB0EMLTOpNhbV1h+B8wOc98MQIsY2JxEsBrzHimU1V9E5Mb4wcFMfgflDo0CFuZNWbTnZ/90vx/MBNQCjVel48bujN+wpsqkoZpCHeMwnyUinPPZI0wxe4kMav0jBz31zFJ4rUqRyTbUmY8SqFw+gFTmD6Mv/CkiqVlAqFwEGbijFgNJLs5puObmS3iZ+exQU64o3AaaiyQK54BTKDwwklSmCBmGCYgV2zFxQrJUHPYoiOsBWExMxTHAMyVmT9A9l2Bk6XILBiEZ5GK/8VDbAQhWRFZ68qIZPons4D71AXb5IQ7mekj+6ygmkgrx8HeaIX38SZuiwPpzWrXNX+DXGZOxS0EYblcao5nusu+alHNpJErgc4wYBpexAl8jN8gJmgdd8roEois/5h5m9sejUIoeENuskYxEbKPmur8TXpeckMSjdb4CHNxE5+CkASZXcbqyWYtYQ0I7zOTcQPN8bEc76cyQ2SfvEQfq7lUjEFuyXsy8XgWmXgX97AKBBOzWU9INlYPNmkIq6Xxs7iN3ZEGYB7zEjNG9iFY9kkFF5KW8WHCmMHQ42UMxAG8hTJxi29kNuucZ3wSSCTEe0wiytjmDDnczJYT7WAmzLW/Ct18NwQwnZlh0HBm9Ucmh+NbMcmtlsNTsqEKsl1LWCsfI7zFTMRNkfFqsal6lUlghsm2Bpiz3vWlZjyYxvKkKIaZiiZYwd0t5O7fwwdy8lvPbNLYJSDiDtsgM30p8w4zk+uKQq5c2cxjXmHiZZuekm30sHyY4vqBCGYi5OQ2jpmJVviEjcnBJHyJN/CzGBqWy6CsYT6TwTG5cYD0bK5RIP6+Qb62hvmEWcH8XWb5bDxAHK6iH7LQTEys85k5zAxZ9xDZlmALxtfIQNRh/OXqooe89cfLVcdstMAqdEcGYlCMWFxku25jGpOI7/iOIcyXzGWm8e+m8msJzAh+71AUoht2yZXM63I187Ise7ysq4es21+2RY3HUCpGYbzlzrI105WJYkZKsxJkts6Sw8Vs5jWZya9L5svfzZbvmSWvSZBljJRldpV1BMo6FdGGWv1HMDyZ+kywzNBOMlufkcNFNDOcGc3ESUbL30XL9zwjr+kkywiWZXrWml6+gGgZd5mtvkwDOWQEMEHCWEb+HCBfayDf6y2v1dYaXqs/1f8D74JxmP6HhwQAAAAASUVORK5CYII=">
  4162.       </div>
  4163.       <div id="import-find-your-bookmarks">
  4164.         <span i18n-content="findYourImportedBookmarks"></span>
  4165.         <div class="checkbox">
  4166.           <span class="controlled-setting-with-label">
  4167.             <input id="import-data-show-bookmarks-bar"
  4168.                 pref="bookmark_bar.show_on_all_tabs"
  4169.                 metric="Options_ShowBookmarksBar" type="checkbox">
  4170.             <span>
  4171.               <label for="import-data-show-bookmarks-bar"
  4172.                   i18n-content="toolbarShowBookmarksBar">
  4173.               </label>
  4174.               <span class="controlled-setting-indicator"
  4175.                   pref="bookmark_bar.show_on_all_tabs">
  4176.               </span>
  4177.             </span>
  4178.           </span>
  4179.         </div>
  4180.       </div>
  4181.     </div>
  4182.   </div>
  4183.   <div class="action-area">
  4184.     <div class="import-data-configure">
  4185.       <div class="action-area-right">
  4186.         <div id="import-throbber" class="throbber"></div>
  4187.         <div class="button-strip">
  4188.           <button id="import-data-cancel" i18n-content="cancel"></button>
  4189.           <button id="import-data-commit" i18n-content="importCommit"></button>
  4190.         </div>
  4191.       </div>
  4192.     </div>
  4193.     <div class="import-data-success" hidden>
  4194.       <div class="action-area-right">
  4195.         <div class="button-strip">
  4196.           <button id="import-data-confirm" i18n-content="done"></button>
  4197.         </div>
  4198.       </div>
  4199.     </div>
  4200.   </div>
  4201. </div>
  4202.  
  4203.   <div id="instantConfirmOverlay" class="page" hidden>
  4204.   <div class="close-button"></div>
  4205.   <h1 i18n-content="instantConfirmOverlay"></h1>
  4206.   <div class="content-area">
  4207.     <span id="instant-confirm-text" i18n-content="instantConfirmMessage"></span>
  4208.   </div>
  4209.   <div class="action-area">
  4210.     <a id="instantConfirmLearnMore" target="_blank" i18n-content="learnMore"
  4211.         i18n-values="href:instantLearnMoreLink"></a>
  4212.     <div id="instant-action-spacer"></div>
  4213.     <div class="button-strip">
  4214.       <button id="instantConfirmCancel" i18n-content="cancel"
  4215.           class="cancel-button"></button>
  4216.       <button id="instantConfirmOk" i18n-content="ok"></button>
  4217.     </div>
  4218.   </div>
  4219. </div>
  4220.  
  4221.   <div id="languagePage" class="page" hidden>
  4222.   <div class="close-button"></div>
  4223.   <h1 i18n-content="languagePage"></h1>
  4224.   <div class="content-area">
  4225.     <div id="notification">
  4226.       <span> </span>
  4227.       <span class="link"><span class="link-color"></span></span>
  4228.     </div>
  4229.     <!-- TODO(kevers): Fix format of i18n-content labels -->
  4230.     <div class="language-options-header">
  4231.       <div i18n-content="add_language_instructions"></div>
  4232.  
  4233.     </div>
  4234.     <div class="language-options">
  4235.       <div class="language-options-left">
  4236.         <h3 i18n-content="languages"></h3>
  4237.         <list id="language-options-list"></list>
  4238.         <div class="language-options-lower-left">
  4239.           <button id="language-options-add-button"
  4240.             i18n-content="add_button">
  4241.           </button>
  4242.  
  4243.         </div>
  4244.         <div id="language-options-list-dropmarker"></div>
  4245.       </div>
  4246. <!-- Chrome uses the native OS spellchecker in OS X, so don't display the
  4247.      dictionary pane. -->
  4248. <div class="language-options-right">
  4249.         <h3 id="language-options-language-name"></h3>
  4250. <div class="language-options-contents">
  4251.           <button id="language-options-ui-language-button"
  4252.               i18n-content="display_in_this_language">
  4253.           </button>
  4254.           <span id="language-options-ui-language-message" hidden></span>
  4255.         </div>
  4256.         <div class="language-options-contents">
  4257.           <button id="language-options-spell-check-language-button"
  4258.               i18n-content="use_this_for_spell_checking">
  4259.           </button>
  4260.           <span id="language-options-spell-check-language-message"
  4261.               hidden>
  4262.           </span>
  4263.         </div>
  4264.         <div id="language-options-ui-notification-bar"
  4265.              class="language-options-notification" hidden>
  4266.           <div i18n-content="restart_required"></div>
  4267.  
  4268.         </div>
  4269.  
  4270.       </div>
  4271.     </div>
  4272.     <div class="language-options-footer">
  4273.  
  4274. <div id="spell-check-option" class="checkbox">
  4275.         <label>
  4276.           <input id="enable-spell-check" pref="browser.enable_spellchecking"
  4277.               metric="Options_SpellCheck" type="checkbox">
  4278.           <span i18n-content="enable_spell_check"></span>
  4279.         </label>
  4280.         <button id="edit-dictionary-button" class="link-button"
  4281.             i18n-content="languageDictionaryOverlayTitle" hidden></button>
  4282.       </div>
  4283.       <div id="auto-spell-correction-option" class="checkbox" hidden>
  4284.         <label>
  4285.           <input id="enable-auto-spell-correction"
  4286.               pref="browser.enable_autospellcorrect"
  4287.               metric="Options_AutoSpellCorrection" type="checkbox">
  4288.           <span i18n-content="enable_auto_spell_correction"></span>
  4289.         </label>
  4290.       </div>
  4291.     </div>
  4292.   </div>
  4293.   <div class="action-area">
  4294.     <div class="button-strip">
  4295.       <button id="language-confirm" i18n-content="done"></button>
  4296.     </div>
  4297.   </div>
  4298. </div>
  4299.  
  4300.   <div id="manage-profile-overlay" class="page" hidden>
  4301.   <div class="close-button"></div>
  4302.   <!-- Dialog for managing profiles. -->
  4303.   <div id="manage-profile-overlay-manage" hidden>
  4304.     <h1 i18n-content="manageProfile"></h1>
  4305.     <div id="manage-profile-content" class="content-area">
  4306.       <div id="manage-profile-icon-label"
  4307.           i18n-content="manageProfilesIconLabel">
  4308.       </div>
  4309.       <grid id="manage-profile-icon-grid"></grid>
  4310.       <div id="manage-profile-name-label-container">
  4311.         <span id="manage-profile-name-label"
  4312.           i18n-content="manageProfilesNameLabel"></span>
  4313.       </div>
  4314.       <div id="manage-profile-name-input-container">
  4315.         <input id="manage-profile-name" type="text" required>
  4316.       </div>
  4317.       <div id="manage-profile-error-bubble" hidden>
  4318.       </div>
  4319.     </div>
  4320.     <div class="action-area">
  4321.       <!-- TODO(rlp): Enable checkbox for M24
  4322.       <div class="action-area-checkbox-container">
  4323.           <div class="checkbox">
  4324.             <label>
  4325.               <input id="manage-shortcut" type="checkbox">
  4326.               <span for="manage-shortcut" 
  4327.                   i18n-content="createProfileShortcut">
  4328.               </span>
  4329.             </label>
  4330.           </div>
  4331.         </div> -->
  4332.       <div class="button-strip">
  4333.         <button id="manage-profile-cancel" i18n-content="cancel"></button>
  4334.         <button id="manage-profile-ok" i18n-content="ok"></button>
  4335.       </div>
  4336.     </div>
  4337.   </div>
  4338.   <!-- Dialog for deleting profiles. -->
  4339.   <div id="manage-profile-overlay-delete" hidden>
  4340.     <h1 i18n-content="deleteProfileTitle"></h1>
  4341.     <div class="content-area">
  4342.       <div id="delete-profile-message"></div>
  4343.     </div>
  4344.     <div class="action-area">
  4345.       <div class="button-strip">
  4346.         <button id="delete-profile-cancel" i18n-content="cancel"></button>
  4347.         <button id="delete-profile-ok"
  4348.             i18n-content="deleteProfileOK"></button>
  4349.       </div>
  4350.     </div>
  4351.   </div>
  4352.   <!-- Dialog for creating profiles. -->
  4353.   <div id="manage-profile-overlay-create" hidden>
  4354.     <h1 i18n-content="createProfileTitle"></h1>
  4355.     <div id="create-profile-content" class="content-area">
  4356.       <div id="create-profile-instructions"></div>
  4357.       <grid id="create-profile-icon-grid"></grid>
  4358.       <div id="create-profile-name-label-container">
  4359.         <span id="create-profile-name-label"
  4360.             i18n-content="manageProfilesNameLabel">
  4361.         </span>
  4362.       </div>
  4363.       <div id="create-profile-name-input-container">
  4364.         <input id="create-profile-name" type="text" required>
  4365.       </div>
  4366.       <div id="create-profile-error-bubble" hidden></div>
  4367.     </div>
  4368.     <div class="action-area">
  4369.       <!-- TODO(rlp): Enable checkbox for M24
  4370.       <div class="action-area-checkbox-container">
  4371.           <div class="checkbox">
  4372.             <label>
  4373.               <input id="create-shortcut" type="checkbox">
  4374.               <span for="create-shortcut"
  4375.                   i18n-content="createProfileShortcut">
  4376.               </span>
  4377.             </label>
  4378.           </div>
  4379.         </div> -->
  4380.       <div class="button-strip">
  4381.         <button id="create-profile-cancel" i18n-content="cancel"></button>
  4382.         <button id="create-profile-ok" i18n-content="createProfileConfirm">
  4383.         </button>
  4384.       </div>
  4385.     </div>
  4386.   </div>
  4387. </div>
  4388.  
  4389.   <div id="password-manager" class="page" hidden>
  4390.   <div class="close-button"></div>
  4391.   <h1 i18n-content="passwordsPage"></h1>
  4392.   <div class="content-area">
  4393.     <div id="password-list-headers">
  4394.       <div id="passwords-title">
  4395.         <h3 i18n-content="savedPasswordsTitle"></h3>
  4396.       </div>
  4397.       <div id="password-search-column">
  4398.         <input id="password-search-box" type="search"
  4399.             i18n-values="placeholder:passwordSearchPlaceholder" incremental>
  4400.       </div>
  4401.     </div>
  4402.     <list id="saved-passwords-list" class="settings-list"></list>
  4403.     <div id="saved-passwords-list-empty-placeholder"
  4404.          class="settings-list-empty" hidden>
  4405.       <span i18n-content="passwordsNoPasswordsDescription"></span>
  4406.       <a target="_blank" i18n-content="learnMore"
  4407.          i18n-values="href:passwordManagerLearnMoreURL"></a>
  4408.     </div>
  4409.     <h3 i18n-content="passwordExceptionsTitle"></h3>
  4410.     <list id="password-exceptions-list" class="settings-list"></list>
  4411.     <div id="password-exceptions-list-empty-placeholder" hidden
  4412.          class="settings-list-empty">
  4413.       <span i18n-content="passwordsNoExceptionsDescription"></span>
  4414.       <a target="_blank" i18n-content="learnMore"
  4415.          i18n-values="href:passwordManagerLearnMoreURL"></a>
  4416.     </div>
  4417.   </div>
  4418.   <div class="action-area">
  4419.     <div class="button-strip">
  4420.         <button id="password-manager-confirm" i18n-content="done"></button>
  4421.     </div>
  4422.   </div>
  4423. </div>
  4424.  
  4425.   <div id="search-engine-manager-page" class="page" hidden>
  4426.   <div class="close-button"></div>
  4427.   <h1 i18n-content="searchEngineManagerPage"></h1>
  4428.   <div class="content-area">
  4429.     <h3 i18n-content="defaultSearchEngineListTitle"></h3>
  4430.     <list id="default-search-engine-list"
  4431.         class="search-engine-list settings-list"></list>
  4432.     <h3 i18n-content="otherSearchEngineListTitle"></h3>
  4433.     <list id="other-search-engine-list"
  4434.         class="search-engine-list settings-list"></list>
  4435.     <div id="extension-keyword-div" hidden>
  4436.       <h3 id="extension-keyword-list-title"
  4437.           i18n-content="extensionKeywordsListTitle"></h3>
  4438.       <list id="extension-keyword-list"
  4439.           class="search-engine-list settings-list"></list>
  4440.     </div>
  4441.   </div>
  4442.   <div class="action-area">
  4443.     <div class="button-strip">
  4444.       <button id="search-engine-manager-confirm" type="submit"
  4445.           i18n-content="done">
  4446.       </button>
  4447.     </div>
  4448.   </div>
  4449. </div>
  4450.  
  4451.   <div id="spelling-confirm-overlay" class="page" hidden>
  4452.   <div class="close-button"></div>
  4453.   <h1 i18n-content="spellingConfirmOverlay"></h1>
  4454.   <div class="content-area">
  4455.     <span id="spelling-confirm-text" i18n-content="spellingConfirmMessage">
  4456.     </span>
  4457.     <a id="spelling-confirm-learn-more" target="_blank" i18n-content="learnMore"
  4458.         i18n-values="href:privacyLearnMoreURL"></a>
  4459.   </div>
  4460.   <div class="action-area">
  4461.     <div class="button-strip">
  4462.       <button id="spelling-confirm-cancel" i18n-content="spellingConfirmDisable"
  4463.           class="cancel-button"></button>
  4464.       <button id="spelling-confirm-ok" i18n-content="spellingConfirmEnable">
  4465.       </button>
  4466.     </div>
  4467.   </div>
  4468. </div>
  4469.  
  4470.   <div id="startup-overlay" class="page" hidden>
  4471.   <div class="close-button"></div>
  4472.   <h1 i18n-content="startupPagesOverlay"></h1>
  4473.   <!-- This <input> element is always hidden. It needs to be here so that
  4474.        its 'controlled-by' attribute will get set when the urls preference is
  4475.        managed by a policy, so that the managed prefs bar will show up.
  4476.   -->
  4477.   <input type="text" pref="session.urls_to_restore_on_startup" hidden>
  4478.   <div class="content-area">
  4479.     <list id="startupPagesList"></list>
  4480.   </div>
  4481.   <div class="action-area">
  4482.     <span class="hbox stretch">
  4483.       <button id="startupUseCurrentButton"
  4484.           i18n-content="startupUseCurrent"></button>
  4485.     </span>
  4486.     <div class="button-strip">
  4487.       <button id="startup-overlay-cancel" i18n-content="cancel"></button>
  4488.       <button id="startup-overlay-confirm" i18n-content="ok"></button>
  4489.     </div>
  4490.   </div>
  4491.   <div id="startupPagesListDropmarker"></div>
  4492. </div>
  4493.  
  4494.   <div id="sync-setup-overlay" class="page" hidden>
  4495.   <div class="close-button"></div>
  4496.   <div id="sync-setup-login" hidden>
  4497.     <div id="promo-title-container" hidden>
  4498.       <h1 i18n-content="promoTitle"></h1>
  4499.       <h2>
  4500.         <span i18n-content="promoTitleShort"></span>
  4501.         <a id="promo-learn-more" i18n-content="promoLearnMore"
  4502.             i18n-values="href:promoLearnMoreURL">
  4503.         </a>
  4504.       </h2>
  4505.     </div>
  4506.     <div class="sync-main-content">
  4507.       <div id="sync-setup-login-content-column">
  4508.         <h1 id="sync-setup-overlay-title" i18n-content="syncSetupOverlay"></h1>
  4509.         <div class="sign-in">
  4510.           <div id="top-blurb-error" class="reset-hidden" hidden>
  4511.             <span id="error-signing-in" i18n-content="errorSigningIn"></span>
  4512.             <span id="error-custom" hidden></span>
  4513.           </div>
  4514.           <div class="signin-box">
  4515.             <div id="signin-header">
  4516.               <h2 i18n-content="signinHeader"></h2>
  4517.               <div id="signin-header-logo"></div>
  4518.             </div>
  4519.             <form id="gaia-login-form">
  4520.               <div id="email-row" class="reset-shown">
  4521.                 <label for="gaia-email" i18n-content="emailLabel">
  4522.                 </label>
  4523.                 <input id="gaia-email" type="text" name="email" value=""
  4524.                     class="reset-enabled reset-shown reset-value"
  4525.                     autocomplete="off">
  4526.               </div>
  4527.               <div id="email-readonly-row" class="reset-hidden">
  4528.                 <strong class="email-label" i18n-content="emailLabel"></strong>
  4529.                 <div id="email-readonly"></div>
  4530.               </div>
  4531.               <div id="errormsg-0-email" class="errormsg reset-hidden"
  4532.                   i18n-content="cannotBeBlank" hidden>
  4533.               </div>
  4534.               <div id="password-row" class="reset-shown">
  4535.                 <label>
  4536.                   <strong class="password-label" i18n-content="passwordLabel">
  4537.                   </strong>
  4538.                   <input id="gaia-passwd" type="password" name="passwd"
  4539.                       class="reset-enabled reset-value" autocomplete="off">
  4540.                 </label>
  4541.                 <div id="errormsg-0-password" class="errormsg reset-hidden"
  4542.                     i18n-content="cannotBeBlank" hidden>
  4543.                 </div>
  4544.               </div>
  4545.               <div id="access-code-input-row"
  4546.                   class="access-code-row reset-hidden" hidden>
  4547.                 <label>
  4548.                   <strong i18n-content="enterAccessCode"></strong>
  4549.                   <a i18n-values="href:getAccessCodeURL"
  4550.                       i18n-content="getAccessCodeHelp" target="_blank"
  4551.                       class="account-link"></a>
  4552.                   <input id="access-code" type="password" name="accessCode"
  4553.                       class="reset-enabled reset-value">
  4554.                 </label>
  4555.               </div>
  4556.               <div id="otp-input-row" class="otp-row reset-hidden" hidden>
  4557.                 <label>
  4558.                   <strong i18n-content="enterOtp"></strong>
  4559.                   <a i18n-values="href:getOtpURL"
  4560.                       i18n-content="getOtpHelp" target="_blank"
  4561.                       class="account-link"></a>
  4562.                   <input id="otp" type="text" name="otp"
  4563.                       class="reset-enabled reset-value">
  4564.                 </label>
  4565.               </div>
  4566.               <div id="errormsg-1-password" class="errormsg reset-hidden"
  4567.                   hidden>
  4568.                 <span i18n-content="invalidCredentials"></span>
  4569.                 <a i18n-values="href:invalidPasswordHelpURL" class="help-link"
  4570.                     target="_blank">?</a>
  4571.               </div>
  4572.               <div id="errormsg-different-email" class="errormsg reset-hidden"
  4573.                   hidden>
  4574.                 <span id="different-email"></span>
  4575.               </div>
  4576.               <div id="errormsg-fatal" class="errormsg reset-hidden" hidden>
  4577.                 <span i18n-content="unrecoverableError"></span>
  4578.                 <a i18n-values="href:unrecoverableErrorHelpURL"
  4579.                     i18n-content="errorLearnMore" target="_blank"></a>
  4580.               </div>
  4581.               <div id="errormsg-0-access-code" class="errormsg reset-hidden"
  4582.                   i18n-content="invalidAccessCode" hidden>
  4583.               </div>
  4584.               <div id="errormsg-0-otp" class="errormsg reset-hidden"
  4585.                   i18n-content="invalidOtp" hidden>
  4586.               </div>
  4587.               <div id="asp-warning-div" class="errormsg reset-hidden" hidden>
  4588.                 <span i18n-values=".innerHTML:aspWarningText"></span>
  4589.               </div>
  4590.               <div id="captcha-div" class="reset-hidden" hidden>
  4591.                 <div id="captcha-wrapper">
  4592.                   <div id="captcha-image"></div>
  4593.                 </div>
  4594.                 <div>
  4595.                   <label>
  4596.                     <strong i18n-content="captchaInstructions"></strong>
  4597.                     <input id="captcha-value" type="text" name="captchaValue"
  4598.                         value="" class="reset-disabled reset-value">
  4599.                   </label>
  4600.                 </div>
  4601.               </div>
  4602.               <div id="errormsg-0-connection" class="errormsg reset-hidden"
  4603.                   i18n-content="couldNotConnect" hidden>
  4604.               </div>
  4605.               <div id="action-area">
  4606.                 <input id="sign-in" type="submit" class="custom-appearance"
  4607.                     i18n-content="signin">
  4608.                 <div id="create-account-div"
  4609.                     i18n-values=".innerHTML:createAccountLinkHTML">
  4610.                 </div>
  4611.                 <div id="logging-in-throbber" class="throbber"></div>
  4612.               </div>
  4613.               <div id="ga-fprow">
  4614.                   <a id="cannot-access-account-link"
  4615.                       i18n-values="href:cannotAccessAccountURL"
  4616.                       target="_blank"
  4617.                       i18n-content="cannotAccessAccount"
  4618.                       class="account-link">
  4619.                   </a>
  4620.               </div>
  4621.             </form>
  4622.           </div>
  4623.         </div> <!-- sign-in -->
  4624.         <div id="cancel-space-no-captcha"></div>
  4625.         <div class="action-area">
  4626.           <div class="button-strip">
  4627.             <button id="sync-setup-cancel" type="reset" i18n-content="cancel">
  4628.             </button>
  4629.           </div>
  4630.         </div>
  4631.         <div id="promo-skip" hidden>
  4632.           <button id="promo-skip-button" type="reset"
  4633.               i18n-content="promoSkipButton" class="link-button"></button>
  4634.           <button id="promo-advanced" i18n-content="promoAdvanced"
  4635.               class="link-button"></button>
  4636.         </div>
  4637.       </div>
  4638.     </div>
  4639.   </div>
  4640.   <div id="sync-setup-configure" hidden>
  4641.     <div id="confirm-sync-preferences">
  4642.       <h1 i18n-content="confirmSyncPreferences"></h1>
  4643.       <div id="sync-instructions-container" class="content-area">
  4644.         <span i18n-content="chooseDataTypesInstructions"></span>
  4645.         <a id="encryption-help-link" target="_blank"
  4646.             i18n-values="href:syncEverythingHelpURL" i18n-content="learnMore">
  4647.         </a>
  4648.       </div>
  4649.       <div>
  4650.         <div class="action-area">
  4651.           <div class="action-area-link-container">
  4652.             <a id="customize-link" href="#" i18n-content="customizeLinkLabel"
  4653.                 class="reset-opaque reset-shown">
  4654.             </a>
  4655.           </div>
  4656.           <div id="confirm-everything-throbber" class="throbber"></div>
  4657.           <div class="button-strip">
  4658.             <input id="confirm-everything-cancel" type="button"
  4659.                 i18n-values="value:cancel">
  4660.             <input id="confirm-everything-ok" type="button"
  4661.                 i18n-values="value:syncEverything">
  4662.           </div>
  4663.         </div>
  4664.       </div>
  4665.     </div>
  4666.     <div id="customize-sync-preferences" hidden>
  4667.       <h1 i18n-content="syncSetupConfigureTitle"></h1>
  4668.       <form id="choose-data-types-form">
  4669.         <div id="sync-configure-content" class="content-area">
  4670.           <div id="sync-select-container">
  4671.             <select id="sync-select-datatypes">
  4672.               <option i18n-content="syncAllDataTypes" selected></option>
  4673.               <option i18n-content="chooseDataTypes"></option>
  4674.             </select>
  4675.             <div id="choose-data-types-body">
  4676.               <div id="apps-item" class="sync-type-checkbox checkbox">
  4677.                 <label>
  4678.                   <input id="apps-checkbox" type="checkbox">
  4679.                   <span i18n-content="apps" i18n-values="title:apps"></span>
  4680.                 </label>
  4681.               </div>
  4682.               <div id="autofill-item" class="sync-type-checkbox checkbox">
  4683.                 <label>
  4684.                   <input id="autofill-checkbox" type="checkbox">
  4685.                   <span i18n-content="autofill" i18n-values="title:autofill">
  4686.                   </span>
  4687.                 </label>
  4688.               </div>
  4689.               <div class="sync-type-checkbox checkbox">
  4690.                 <label>
  4691.                   <input id="bookmarks-checkbox" type="checkbox">
  4692.                   <span i18n-content="bookmarks"
  4693.                       i18n-values="title:bookmarks"></span>
  4694.                 </label>
  4695.               </div>
  4696.               <div id="extensions-item" class="sync-type-checkbox checkbox">
  4697.                 <label>
  4698.                   <input id="extensions-checkbox" type="checkbox">
  4699.                   <span i18n-content="extensions"
  4700.                       i18n-values="title:extensions"></span>
  4701.                 </label>
  4702.               </div>
  4703.               <div id="omnibox-item" class="sync-type-checkbox checkbox">
  4704.                 <label>
  4705.                   <input id="typed-urls-checkbox" type="checkbox">
  4706.                   <span i18n-content="typedURLs"
  4707.                       i18n-values="title:typedURLs"></span>
  4708.                 </label>
  4709.               </div>
  4710.               <div id="passwords-item" class="sync-type-checkbox checkbox">
  4711.                 <label>
  4712.                   <input id="passwords-checkbox" type="checkbox">
  4713.                   <span i18n-content="passwords"
  4714.                       i18n-values="title:passwords"></span>
  4715.                 </label>
  4716.               </div>
  4717.               <div class="sync-type-checkbox checkbox">
  4718.                 <label>
  4719.                   <input id="preferences-checkbox" type="checkbox">
  4720.                   <span i18n-content="preferences"
  4721.                       i18n-values="title:preferences"></span>
  4722.                 </label>
  4723.               </div>
  4724.               <div class="sync-type-checkbox checkbox">
  4725.                 <label>
  4726.                   <input id="themes-checkbox" type="checkbox">
  4727.                   <span i18n-content="themes" i18n-values="title:themes">
  4728.                   </span>
  4729.                 </label>
  4730.               </div>
  4731.               <div id="sessions-item" class="sync-type-checkbox checkbox">
  4732.                 <label>
  4733.                   <input id="sessions-checkbox" type="checkbox">
  4734.                   <span i18n-content="openTabs" il8n-values="title:tabs">
  4735.                   </span>
  4736.                 </label>
  4737.               </div>
  4738.             </div>
  4739.           </div>
  4740.           <div class="sync-configuration-errors">
  4741.             <div id="error-text" i18n-content="syncZeroDataTypesError"
  4742.                 class="sync-configuration-error reset-hidden" hidden></div>
  4743.           </div>
  4744.           <div id="customize-sync-encryption">
  4745.             <hr>
  4746.             <h4 i18n-content="encryptedDataTypesTitle"></h4>
  4747.             <div class="sync-customize-section-container">
  4748.               <div id="passphrase-encryption-message"
  4749.                   i18n-content="passphraseEncryptionMessage"></div>
  4750.               <div class="radio">
  4751.                 <label>
  4752.                   <input id="encrypt-sensitive-option" name="encrypt"
  4753.                       type="radio" value="sensitive">
  4754.                   <span i18n-content="encryptSensitiveOption"></span>
  4755.                 </label>
  4756.               </div>
  4757.               <div class="radio">
  4758.                 <label>
  4759.                   <input id="encrypt-all-option" name="encrypt" type="radio"
  4760.                       value="all">
  4761.                   <span i18n-content="encryptAllOption"></span>
  4762.                 </label>
  4763.               </div>
  4764.             </div>
  4765.             <hr>
  4766.             <h4 i18n-content="passphraseSectionTitle"></h4>
  4767.           </div>
  4768.           <div id="customize-sync-encryption-new">
  4769.             <hr>
  4770.             <h4 i18n-content="encryptionSectionTitle"></h4>
  4771.             <div id="encryption-section-message"
  4772.                 i18n-content="encryptionSectionMessage"></div>
  4773.             <div id="sync-new-encryption-section-container">
  4774.               <div class="radio">
  4775.                 <label>
  4776.                   <input id="basic-encryption-option" name="encrypt-new"
  4777.                       type="radio" value="full">
  4778.                   <span i18n-content="basicEncryptionOption"></span>
  4779.                 </label>
  4780.               </div>
  4781.               <div class="radio">
  4782.                 <label>
  4783.                   <input id="full-encryption-option" name="encrypt-new"
  4784.                       type="radio" value="full">
  4785.                   <span id="full-encryption-body"
  4786.                       i18n-content="fullEncryptionOption"></span>
  4787.                 </label>
  4788.                 <a i18n-values="href:encryptionHelpURL" target="_blank"
  4789.                     i18n-content="learnMore"></a>
  4790.               </div>
  4791.             </div>
  4792.           </div>
  4793.           <div id="sync-custom-passphrase-container"
  4794.               class="sync-customize-section-container">
  4795.             <div id="sync-custom-passphrase-options">
  4796.               <div class="radio">
  4797.                 <label>
  4798.                   <input id="google-option" name="option" type="radio"
  4799.                       value="google">
  4800.                   <span i18n-content="googleOption"></span>
  4801.                 </label>
  4802.               </div>
  4803.               <div class="radio">
  4804.                 <label>
  4805.                   <input id="explicit-option" name="option" type="radio"
  4806.                       value="explicit">
  4807.                   <span i18n-content="explicitOption"></span>
  4808.                 </label>
  4809.                 <a i18n-values="href:encryptionHelpURL" target="_blank"
  4810.                     i18n-content="learnMore"></a>
  4811.               </div>
  4812.             </div>
  4813.             <div id="sync-custom-passphrase"
  4814.                 class="reset-hidden" hidden>
  4815.               <div id="sync-passphrase-message">
  4816.                 <span i18n-content="sectionExplicitMessagePrefix"></span>
  4817.                 <a href="https://www.google.com/settings/chrome/sync/"
  4818.                     target="_blank"
  4819.                     i18n-content="sectionExplicitMessagePostfix"></a>
  4820.                 <span>.</span>
  4821.               </div>
  4822.               <div class="sync-custom-passphrase-input">
  4823.                 <input id="custom-passphrase" type="password"
  4824.                     class="reset-value"
  4825.                     i18n-values="placeholder:passphraseLabel">
  4826.               </div>
  4827.               <div class="sync-custom-passphrase-input">
  4828.                 <input id="confirm-passphrase" type="password"
  4829.                     class="reset-value"
  4830.                     i18n-values="placeholder:confirmLabel">
  4831.               </div>
  4832.               <div id="empty-error" class="error"
  4833.                   i18n-content="emptyErrorMessage" hidden></div>
  4834.               <div id="mismatch-error" class="error"
  4835.                   i18n-content="mismatchErrorMessage" hidden></div>
  4836.             </div>
  4837.           </div>
  4838.           <div id="sync-existing-passphrase-container" hidden>
  4839.             <div id="enter-passphrase">
  4840.               <span id="normal-body" i18n-content="enterPassphraseBody" hidden>
  4841.               </span>
  4842.               <span id="google-passphrase-needed-body"
  4843.                   i18n-content="enterGooglePassphraseBody" hidden>
  4844.               </span>
  4845.               <a id="passphrase-learn-more" i18n-content="learnMore"
  4846.                   i18n-values="href:syncErrorHelpURL" class="reset-hidden"
  4847.                   target="_blank" hidden>
  4848.               </a>
  4849.             </div>
  4850.             <div id="passphrase-input">
  4851.               <input id="passphrase" name="passphrase" type="password"
  4852.                   class="reset-value"
  4853.                   i18n-values="placeholder:passphraseLabel">
  4854.               <div id="incorrect-passphrase" class="error"
  4855.                    i18n-content="incorrectPassphrase" hidden>
  4856.               </div>
  4857.             </div>
  4858.             <div id="sync-passphrase-warning"
  4859.                  i18n-values=".innerHTML:passphraseRecover" hidden>
  4860.             </div>
  4861.           </div>
  4862.         </div>
  4863.         <div class="action-area">
  4864.           <div class="action-area-link-container">
  4865.             <a id="use-default-link" href="#" i18n-content="useDefaultSettings"
  4866.                 class="reset-opaque reset-shown">
  4867.             </a>
  4868.           </div>
  4869.           <div id="choose-datatypes-throbber" class="throbber"></div>
  4870.           <div class="button-strip">
  4871.             <input id="choose-datatypes-cancel" type="button"
  4872.                 i18n-values="value:cancel">
  4873.             <input id="choose-datatypes-ok" type="submit"
  4874.                 i18n-values="value:ok">
  4875.           </div>
  4876.         </div>
  4877.       </form>
  4878.     </div>
  4879.   </div>
  4880.   <div id="sync-setup-spinner" hidden>
  4881.     <h1 i18n-content="syncSetupSpinnerTitle"></h1>
  4882.     <div class="action-area button-strip">
  4883.       <input id="sync-spinner-cancel" type="button" i18n-values="value:cancel">
  4884.     </div>
  4885.   </div>
  4886.   <div id="sync-setup-timeout" hidden>
  4887.     <h1 i18n-content="syncSetupTimeoutTitle"></h1>
  4888.     <div class="content-area">
  4889.       <span i18n-content="syncSetupTimeoutContent"></span>
  4890.     </div>
  4891.     <div class="action-area button-strip">
  4892.       <button id="timeout-ok" i18n-content="ok"></button>
  4893.     </div>
  4894.   </div>
  4895.   <div id="sync-setup-stop-syncing" hidden>
  4896.     <h1 i18n-content="stopSyncingTitle"></h1>
  4897.     <div class="content-area">
  4898.       <span i18n-values=".innerHTML:stopSyncingExplanation"></span>
  4899.     </div>
  4900.     <div class="action-area button-strip">
  4901.       <input id="stop-syncing-cancel" type="button"
  4902.           i18n-values="value:cancel">
  4903.       <input id="stop-syncing-ok" type="button"
  4904.           i18n-values="value:stopSyncingConfirm">
  4905.     </div>
  4906.   </div>
  4907. </div>
  4908.  
  4909.   
  4910.   
  4911. </div>
  4912. <div id="overlay-container-2" class="overlay transparent" hidden>
  4913.   <div id="alertOverlay" class="page" hidden>
  4914.   <div class="close-button"></div>
  4915.   <h1 id="alertOverlayTitle"></h1>
  4916.   <div class="content-area">
  4917.     <div id="alertOverlayMessage"></div>
  4918.   </div>
  4919.   <div class="action-area">
  4920.     <div class="button-strip">
  4921.       <button id="alertOverlayCancel" type="reset"></button>
  4922.       <button id="alertOverlayOk" type="submit"></button>
  4923.     </div>
  4924.   </div>
  4925. </div>
  4926.  
  4927.   <div id="autofill-edit-address-overlay" class="page" hidden>
  4928.   <div class="close-button"></div>
  4929.   <h1 id="autofill-address-title"></h1>
  4930.   <div class="content-area">
  4931.     <div>
  4932.       <div id="autofill-name-labels">
  4933.         <span i18n-content="autofillFirstNameLabel"></span>
  4934.         <span i18n-content="autofillMiddleNameLabel"></span>
  4935.         <span i18n-content="autofillLastNameLabel"></span>
  4936.       </div>
  4937.     </div>
  4938.     <div>
  4939.       <list id="full-name-list"></list>
  4940.     </div>
  4941.  
  4942.     <label class="settings-row">
  4943.       <div i18n-content="autofillCompanyNameLabel"></div>
  4944.       <input id="company-name" type="text">
  4945.     </label>
  4946.  
  4947.     <label class="settings-row">
  4948.       <div i18n-content="autofillAddrLine1Label"></div>
  4949.       <input id="addr-line-1" type="text">
  4950.     </label>
  4951.  
  4952.     <label class="settings-row">
  4953.       <div i18n-content="autofillAddrLine2Label"></div>
  4954.       <input id="addr-line-2" type="text">
  4955.     </label>
  4956.  
  4957.     <div class="input-group settings-row">
  4958.       <label>
  4959.         <div i18n-content="autofillCityLabel"></div>
  4960.         <input id="city" type="text">
  4961.       </label>
  4962.  
  4963.       <label>
  4964.         <div id="state-label"></div>
  4965.         <input id="state" type="text">
  4966.       </label>
  4967.  
  4968.       <label>
  4969.         <div id="postal-code-label"></div>
  4970.         <input id="postal-code" type="text">
  4971.       </label>
  4972.     </div>
  4973.  
  4974.     <div class="settings-row">
  4975.       <div i18n-content="autofillCountryLabel"></div>
  4976.       <select id="country"></select>
  4977.     </div>
  4978.  
  4979.     <div class="input-group settings-row">
  4980.       <div>
  4981.         <div i18n-content="autofillPhoneLabel"></div>
  4982.         <list id="phone-list"
  4983.             i18n-values="placeholder:autofillAddPhonePlaceholder"></list>
  4984.       </div>
  4985.  
  4986.       <div>
  4987.         <div i18n-content="autofillEmailLabel"></div>
  4988.         <list id="email-list"
  4989.             i18n-values="placeholder:autofillAddEmailPlaceholder"></list>
  4990.       </div>
  4991.     </div>
  4992.  
  4993.   </div>
  4994.  
  4995.   <div class="action-area button-strip">
  4996.     <button id="autofill-edit-address-cancel-button" type="reset"
  4997.         i18n-content="cancel"></button>
  4998.     <button id="autofill-edit-address-apply-button" type="submit"
  4999.         i18n-content="ok" disabled></button>
  5000.   </div>
  5001. </div>
  5002.  
  5003.   <div id="autofill-edit-credit-card-overlay" class="page" hidden>
  5004.   <div class="close-button"></div>
  5005.   <h1 id="autofill-credit-card-title"></h1>
  5006.   <div class="content-area">
  5007.     <label class="settings-row">
  5008.       <div i18n-content="nameOnCardLabel"></div>
  5009.       <input id="name-on-card" type="text">
  5010.     </label>
  5011.  
  5012.     <label class="settings-row">
  5013.       <div i18n-content="creditCardNumberLabel"></div>
  5014.       <input id="credit-card-number" type="text">
  5015.     </label>
  5016.  
  5017.     <div class="settings-row">
  5018.       <div id="creditCardExpirationLabel"
  5019.           i18n-content="creditCardExpirationDateLabel"></div>
  5020.       <select id="expiration-month" aria-labelledby="creditCardExpirationLabel">
  5021.       </select>
  5022.       <select id="expiration-year" aria-labelledby="creditCardExpirationLabel">
  5023.       </select>
  5024.     </div>
  5025.   </div>
  5026.  
  5027.   <div class="action-area button-strip">
  5028.     <button id="autofill-edit-credit-card-cancel-button" type="reset"
  5029.         i18n-content="cancel"></button>
  5030.     <button id="autofill-edit-credit-card-apply-button" type="submit"
  5031.         i18n-content="ok" disabled></button>
  5032.   </div>
  5033. </div>
  5034.  
  5035.   <div id="content-settings-exceptions-area" class="page" hidden>
  5036.   <div class="close-button"></div>
  5037.   <h1></h1>
  5038.   <div class="content-area">
  5039.     <div id="exception-column-headers">
  5040.       <div id="exception-pattern-column" i18n-content="exceptionPatternHeader">
  5041.       </div>
  5042.       <div id="exception-behavior-column"
  5043.           i18n-content="exceptionBehaviorHeader">
  5044.       </div>
  5045.     </div>
  5046.     <div contentType="cookies">
  5047.       <list mode="normal"></list>
  5048.       <div>
  5049.         <span class="otr-explanation" i18n-content="otr_exceptions_explanation">
  5050.         </span>
  5051.         <list mode="otr"></list>
  5052.       </div>
  5053.       <div class="flash-plugin-area">
  5054.         <a i18n-values="href:flash_storage_url" target="_blank"
  5055.             i18n-content="flash_storage_settings">
  5056.         </a>
  5057.       </div>
  5058.     </div>
  5059.     <div contentType="images">
  5060.       <list mode="normal"></list>
  5061.       <div>
  5062.         <span class="otr-explanation" i18n-content="otr_exceptions_explanation">
  5063.         </span>
  5064.         <list mode="otr"></list>
  5065.       </div>
  5066.     </div>
  5067.     <div contentType="javascript">
  5068.       <list mode="normal"></list>
  5069.       <div>
  5070.         <span class="otr-explanation" i18n-content="otr_exceptions_explanation">
  5071.         </span>
  5072.         <list mode="otr"></list>
  5073.       </div>
  5074.     </div>
  5075.     <div contentType="plugins">
  5076.       <list mode="normal"></list>
  5077.       <div>
  5078.         <span class="otr-explanation" i18n-content="otr_exceptions_explanation">
  5079.         </span>
  5080.         <list mode="otr"></list>
  5081.       </div>
  5082.     </div>
  5083.     <div contentType="popups">
  5084.       <list mode="normal"></list>
  5085.       <div>
  5086.         <span class="otr-explanation" i18n-content="otr_exceptions_explanation">
  5087.         </span>
  5088.         <list mode="otr"></list>
  5089.       </div>
  5090.     </div>
  5091.     <div contentType="location">
  5092.       <list mode="normal"></list>
  5093.     </div>
  5094.     <div contentType="notifications">
  5095.       <list mode="normal"></list>
  5096.     </div>
  5097.     <div contentType="fullscreen">
  5098.       <list mode="normal"></list>
  5099.       <div>
  5100.         <span class="otr-explanation" i18n-content="otr_exceptions_explanation">
  5101.         </span>
  5102.         <list mode="otr"></list>
  5103.       </div>
  5104.     </div>
  5105.     <div contentType="mouselock">
  5106.       <list mode="normal"></list>
  5107.       <div>
  5108.         <span class="otr-explanation" i18n-content="otr_exceptions_explanation">
  5109.         </span>
  5110.         <list mode="otr"></list>
  5111.       </div>
  5112.     </div>
  5113.     <div id="media-column-header" class="media-header">
  5114.       <div id="exception-pattern-column"></div>
  5115.       <div id="media-audio-column" i18n-content=mediaAudioExceptionHeader>
  5116.       </div>
  5117.       <div id="media-video-column" i18n-content="mediaVideoExceptionHeader">
  5118.       </div>
  5119.     </div>
  5120.     <div contentType="media-stream">
  5121.       <list mode="normal"></list>
  5122.       <div>
  5123.         <span class="otr-explanation" i18n-content="otr_exceptions_explanation">
  5124.         </span>
  5125.         <list mode="otr"></list>
  5126.       </div>
  5127.       <div id="media-pepper-flash-exceptions" class="pepper-flash-settings">
  5128.         <span i18n-content="mediaPepperFlashExceptionsDivergedLabel"></span>
  5129.         <a target="_blank" i18n-content="mediaPepperFlashChangeLink"
  5130.             i18n-values="href:mediaPepperFlashWebsitePrivacyURL"></a>
  5131.       </div>
  5132.     </div>
  5133.     <div contentType="ppapi-broker">
  5134.       <list mode="normal"></list>
  5135.       <div>
  5136.         <span class="otr-explanation" i18n-content="otr_exceptions_explanation">
  5137.         </span>
  5138.         <list mode="otr"></list>
  5139.       </div>
  5140.     </div>
  5141.   </div>
  5142.   <div class="action-area">
  5143.     <div class="button-strip">
  5144.       <button id="content-settings-exceptions-overlay-confirm"
  5145.           i18n-content="done">
  5146.       </button>
  5147.     </div>
  5148.   </div>
  5149. </div>
  5150.  
  5151.   <div id="cookies-view-page" class="page cookies-view-page" hidden>
  5152.   <div class="close-button"></div>
  5153.   <h1 i18n-content="cookiesViewPage"></h1>
  5154.   <div class="content-area cookies-list-content-area">
  5155.     <div class="cookies-column-headers">
  5156.       <div class="cookies-site-column">
  5157.         <h3 i18n-content="cookie_domain"></h3>
  5158.       </div>
  5159.       <div class="cookies-data-column">
  5160.         <h3 i18n-content="cookie_local_data"></h3>
  5161.       </div>
  5162.       <div class="cookies-header-controls">
  5163.         <button class="remove-all-cookies-button"
  5164.             i18n-content="remove_all_cookie"></button>
  5165.         <input type="search" class="cookies-search-box"
  5166.             i18n-values="placeholder:search_cookies" incremental>
  5167.       </div>
  5168.     </div>
  5169.     <list id="cookies-list" class="cookies-list"></list>
  5170.   </div>
  5171.   <div class="action-area">
  5172.     <div class="button-strip">
  5173.       <button class="cookies-view-overlay-confirm" i18n-content="done"></button>
  5174.     </div>
  5175.   </div>
  5176. </div>
  5177.  
  5178.   <div id="handler-options" class="page" hidden>
  5179.   <div class="close-button"></div>
  5180.   <h1 i18n-content="handlersPage"></h1>
  5181.   <div class="content-area">
  5182.     <h3 i18n-content="handlers_active_heading"></h3>
  5183.     <div class="handlers-column-headers">
  5184.       <div class="handlers-type-column">
  5185.         <div i18n-content="handlers_type_column_header"></div>
  5186.       </div>
  5187.       <div class="handlers-site-column">
  5188.         <div i18n-content="handlers_site_column_header"></div>
  5189.       </div>
  5190.       <div class="handlers-remove-column"></div>
  5191.     </div>
  5192.     <list id="handlers-list"></list>
  5193.  
  5194.     <div id="ignored-handlers-section">
  5195.       <h3 i18n-content="handlers_ignored_heading"></h3>
  5196.       <div class="handlers-column-headers">
  5197.         <div class="handlers-type-column">
  5198.           <h3 i18n-content="handlers_type_column_header"></h3>
  5199.         </div>
  5200.         <div class="handlers-site-column">
  5201.           <h3 i18n-content="handlers_site_column_header"></h3>
  5202.         </div>
  5203.         <div class="handlers-remove-column"></div>
  5204.       </div>
  5205.       <list id="ignored-handlers-list"></list>
  5206.     </div>
  5207.   </div>
  5208.   <div class="action-area">
  5209.     <div class="button-strip">
  5210.       <button id="handler-options-overlay-confirm" i18n-content="done"></button>
  5211.     </div>
  5212.   </div>
  5213. </div>
  5214.  
  5215.   <div id="add-language-overlay-page" class="page" hidden>
  5216.   <div class="close-button"></div>
  5217.   <!-- TODO(kevers): Fix format of i18n-content labels -->
  5218.   <h1 i18n-content="add_language_title"></h1>
  5219.  
  5220. <div class="content-area">
  5221.     <span i18n-content="add_language_select_label"></span>
  5222.     <select id="add-language-overlay-language-list"></select>
  5223.   </div>
  5224.   <div class="action-area button-strip">
  5225.     <button id="add-language-overlay-cancel-button" i18n-content="cancel">
  5226.     </button>
  5227.     <button id="add-language-overlay-ok-button" i18n-content="ok"></button>
  5228.   </div>
  5229. </div>
  5230.  
  5231.   <div id="language-dictionary-overlay-page" class="page" hidden>
  5232.   <div class="close-button"></div>
  5233.   <h1 i18n-content="languageDictionaryOverlayTitle"></h1>
  5234.   <input id="language-dictionary-overlay-search-field" type="search"
  5235.       i18n-values="placeholder:languageDictionaryOverlaySearchPlaceholder;
  5236.                    aria-label:languageDictionaryOverlaySearchPlaceholder"
  5237.       incremental>
  5238.   <div class="content-area">
  5239.     <div class="settings-list">
  5240.       <p id="language-dictionary-overlay-no-matches"
  5241.           i18n-content="languageDictionaryOverlayNoMatches" hidden></p>
  5242.       <list id="language-dictionary-overlay-word-list"></list>
  5243.     </div>
  5244.   </div>
  5245.   <div class="action-area button-strip">
  5246.     <button id="language-dictionary-overlay-done-button" i18n-content="done">
  5247.     </button>
  5248.   </div>
  5249. </div>
  5250.  
  5251.   <div id="manage-media-galleries-overlay" class="page" hidden>
  5252.   <div class="close-button"></div>
  5253.   <h1 i18n-content="manageMediaGalleries"></h1>
  5254.   <div class="content-area">
  5255.     <list id="available-galleries-list"></list>
  5256.   </div>
  5257.   <div class="action-area">
  5258.     <div class="stretch">
  5259.       <button id="new-media-gallery" i18n-content="addNewGalleryButton">
  5260.       </button>
  5261.     </div>
  5262.     </stretch>
  5263.     <div class="button-strip">
  5264.       <button id="manage-media-confirm" i18n-content="done"></button>
  5265.     </div>
  5266.   </div>
  5267. </div>
  5268.  
  5269.   
  5270.   
  5271. </div>
  5272. <div id="overlay-container-3" class="overlay transparent" hidden>
  5273. </div>
  5274.  
  5275. <div id="main-content">
  5276.   <div id="mainview">
  5277.     <div id="mainview-content">
  5278.       <div id="page-container">
  5279.         <!-- Please keep the main pages in desired order of display.  This will
  5280.              allow search results to display in the desired order. -->
  5281.         <div id="searchBox" class="page">
  5282.   <header >
  5283.     <span id="browser-options-search-field-container"
  5284.         class="search-field-container">
  5285.       <input id="search-field" type="search"
  5286.           i18n-values="placeholder:searchPlaceholder;
  5287.                        aria-label:searchPlaceholder" incremental>
  5288.     </span>
  5289.   </header>
  5290. </div>
  5291.  
  5292.         <div id="searchPage" class="page" hidden>
  5293.   <header>
  5294.     <h1 i18n-content="searchPage"></h1>
  5295.   </header>
  5296.   <div id="searchPageNoMatches" hidden>
  5297.     <p i18n-content="searchPageNoMatches"></p>
  5298.     <p><span i18n-content="searchPageHelpLabel"></span>
  5299.       <a target="_blank" i18n-content="searchPageHelpTitle"
  5300.           i18n-values="href:searchPageHelpURL"></a>
  5301.     </p>
  5302.   </div>
  5303. </div>
  5304.  
  5305.         <div id="settings" class="page" hidden>
  5306.   <header>
  5307.     <h1 i18n-content="settingsTitle"></h1>
  5308.   </header>
  5309. <section id="sync-section">
  5310.   <h3 i18n-content="sectionTitleSync"></h3>
  5311.  
  5312.  
  5313.   <div id="sync-overview" class="settings-row" hidden>
  5314.     <p i18n-content="syncOverview"></p>
  5315.     <a i18n-values="href:syncLearnMoreURL" i18n-content="learnMore"
  5316.         target="_blank"></a>
  5317.   </div>
  5318.  
  5319.   <!-- pp_ifdef('chromeos') -->
  5320.  
  5321.     <div id="sync-status" class="settings-row" hidden>
  5322.       <span id="sync-status-text"></span>
  5323.       <button id="sync-action-link" class="link-button"></button>
  5324.     </div>
  5325.  
  5326.   <!-- pp_ifdef('chromeos') -->
  5327.  
  5328.   <div id="sync-buttons" class="settings-row">
  5329.     <button id="start-stop-sync" hidden></button>
  5330.     <span id="start-stop-sync-indicator"
  5331.         class="controlled-setting-indicator"
  5332.         pref="sync.managed" hidden>
  5333.     </span>
  5334.     <button id="customize-sync" i18n-content="customizeSync" hidden>
  5335.     </button>
  5336.   <!-- pp_ifdef('chromeos') -->
  5337.     <div id="enable-auto-login-checkbox" class="checkbox" hidden>
  5338.       <label>
  5339.         <input id="enable-auto-login" pref="autologin.enabled"
  5340.             metric="Options_Autologin" type="checkbox">
  5341.         <span i18n-content="autologinEnabled"></span>
  5342.       </label>
  5343.     </div>
  5344.   </div>
  5345.  
  5346. </section>
  5347.  
  5348.  
  5349.  
  5350. <section id="startup-section" guest-visibility="hidden">
  5351.   <h3 i18n-content="sectionTitleStartup"></h3>
  5352.   <div>
  5353.     <div class="radio">
  5354.       <span class="controlled-setting-with-label">
  5355.         <input id="startup-newtab" type="radio" name="startup" value="5"
  5356.             pref="session.restore_on_startup"
  5357.             metric="Options_Startup_NewTab">
  5358.         <span>
  5359.           <label for="startup-newtab" i18n-content="startupShowNewTab"></label>
  5360.           <span class="controlled-setting-indicator"
  5361.               pref="session.restore_on_startup" value="5">
  5362.           </span>
  5363.         </span>
  5364.       </span>
  5365.     </div>
  5366.     <div class="radio">
  5367.       <span class="controlled-setting-with-label">
  5368.         <input id="startup-restore-session" type="radio" name="startup"
  5369.             value="1" pref="session.restore_on_startup"
  5370.             metric="Options_Startup_LastSession">
  5371.         <span>
  5372.           <label for="startup-restore-session"
  5373.               i18n-content="startupRestoreLastSession">
  5374.           </label>
  5375.           <span class="controlled-setting-indicator"
  5376.               pref="session.restore_on_startup" value="1">
  5377.           </span>
  5378.         </span>
  5379.       </span>
  5380.     </div>
  5381.     <div class="radio">
  5382.       <span class="controlled-setting-with-label">
  5383.         <input id="startup-show-pages" type="radio" name="startup"
  5384.             pref="session.restore_on_startup"
  5385.             value="4" metric="Options_Startup_Custom">
  5386.         <span>
  5387.           <label for="startup-show-pages" i18n-content="startupShowPages">
  5388.           </label>
  5389.           <span class="controlled-setting-indicator"
  5390.               pref="session.restore_on_startup" value="4">
  5391.           </span>
  5392.           <button id="startup-set-pages" class="link-button"
  5393.               i18n-content="startupSetPages">
  5394.           </button>
  5395.           <span class="controlled-setting-indicator"
  5396.               pref="session.urls_to_restore_on_startup">
  5397.           </span>
  5398.         </span>
  5399.       </label>
  5400.     </div>
  5401.   </div>
  5402. </section>
  5403.  
  5404.   <section>
  5405.     <h3 i18n-content="sectionTitleAppearance"></h3>
  5406.     <div class="settings-row">
  5407.  
  5408.  
  5409. <button id="themes-gallery" i18n-content="themesGallery"></button>
  5410.       <button id="themes-reset" i18n-content="themesReset"></button>
  5411.     </div>
  5412.     <div class="checkbox" guest-visibility="disabled">
  5413.       <span class="controlled-setting-with-label">
  5414.         <input id="show-home-button" type="checkbox"
  5415.             pref="browser.show_home_button"
  5416.             metric="Options_Homepage_HomeButton">
  5417.         <span>
  5418.           <label for="show-home-button" i18n-content="homePageShowHomeButton">
  5419.           </label>
  5420.           <span class="controlled-setting-indicator"
  5421.               pref="browser.show_home_button">
  5422.           </span>
  5423.         </span>
  5424.       </span>
  5425.     </div>
  5426.     <div id="change-home-page-section" hidden>
  5427.       <div id="change-home-page-section-container" guest-visibility="disabled">
  5428.         <span id="home-page-ntp" class="home-page-label"
  5429.             i18n-content="homePageNtp"></span>
  5430.         <span id="home-page-url" class="home-page-label"></span>
  5431.         <button id="change-home-page" class="link-button"
  5432.             i18n-content="changeHomePage"></button>
  5433.       </div>
  5434.     </div>
  5435.     <div class="checkbox" guest-visibility="disabled">
  5436.       <span class="controlled-setting-with-label">
  5437.         <input id="show-bookmark-bars" type="checkbox"
  5438.             pref="bookmark_bar.show_on_all_tabs"
  5439.             metric="Options_ShowBookmarksBar">
  5440.         <span>
  5441.           <label for="show-bookmark-bars"
  5442.               i18n-content="toolbarShowBookmarksBar">
  5443.           </label>
  5444.           <span class="controlled-setting-indicator"
  5445.               pref="bookmark_bar.show_on_all_tabs">
  5446.           </span>
  5447.         </span>
  5448.       </span>
  5449.     </div>
  5450.  
  5451.   </section>
  5452.  
  5453.   <section>
  5454.     <h3 i18n-content="sectionTitleSearch"></h3>
  5455.       <div>
  5456.         <span class="settings-row"
  5457.             i18n-values=".innerHTML:defaultSearchGroupLabel">
  5458.         </span>
  5459.         <div class="settings-row">
  5460.           <select id="default-search-engine" class="weakrtl"></select>
  5461.           <span class="controlled-setting-indicator"
  5462.               pref="default_search_provider.enabled">
  5463.           </span>
  5464.           <button id="manage-default-search-engines"
  5465.               i18n-content="defaultSearchManageEngines">
  5466.           </button>
  5467.         </div>
  5468.         <div class="checkbox" guest-visibility="disabled">
  5469.           <span class="controlled-setting-with-label">
  5470.             <!-- TODO(estade): metric? -->
  5471.             <input id="instant-enabled-control" type="checkbox"
  5472.                 i18n-values="pref:instant_enabled" dialog-pref>
  5473.             <span>
  5474.               <!-- TODO(estade) There's a link in here which should not be
  5475.                    inside a <label>. -->
  5476.               <label for="instant-enabled-control"
  5477.                   i18n-values=".innerHTML:instantPrefAndWarning">
  5478.               </label>
  5479.               <span id="instant-enabled-indicator"
  5480.                   class="controlled-setting-indicator"
  5481.                   i18n-values="pref:instant_enabled" dialog-pref>
  5482.               </span>
  5483.             </span>
  5484.           </span>
  5485.         </div>
  5486.       </div>
  5487.   </section>
  5488.   <section id="sync-users-section" guest-visibility="hidden">
  5489.     <h3 i18n-content="sectionTitleUsers"></h3>
  5490.  
  5491.     <div id="profiles-section" hidden>
  5492.       <list id="profiles-list" class="settings-list" hidden></list>
  5493.       <div id="profiles-single-message" class="settings-row"
  5494.           i18n-content="profilesSingleUser">
  5495.       </div>
  5496.       <div id="profiles-buttons">
  5497.         <button id="profiles-create" i18n-content="profilesCreate"></button>
  5498.         <button id="profiles-manage" i18n-content="profilesManage" disabled>
  5499.         </button>
  5500.         <button id="profiles-delete" i18n-content="profilesDelete"></button>
  5501. <button id="import-data" i18n-content="importData"></button>
  5502.       </div>
  5503.     </div>
  5504.   </section>
  5505. <section>
  5506.     <h3 i18n-content="sectionTitleDefaultBrowser"></h3>
  5507.     <div>
  5508.       <button id="set-as-default-browser"
  5509.           i18n-content="defaultBrowserUseAsDefault" hidden>
  5510.       </button>
  5511.       <div id="default-browser-state" i18n-content="defaultBrowserUnknown">
  5512.       </div>
  5513.       <div id="auto-launch-option" class="checkbox" hidden>
  5514.         <label id="auto-launch-label">
  5515.           <input id="auto-launch" type="checkbox">
  5516.           <span i18n-content="autoLaunchText"></span>
  5517.         </label>
  5518.       </div>
  5519.     </div>
  5520.   </section>  <!-- not pp_ifdef('chromeos') -->
  5521. <div id="advanced-settings" hidden>
  5522. <div id="advanced-settings-container">
  5523.  
  5524.   <section id="privacy-section">
  5525.     <h3 i18n-content="advancedSectionTitlePrivacy"></h3>
  5526.     <div>
  5527.       <div class="settings-row">
  5528.         <button id="privacyContentSettingsButton"
  5529.             i18n-content="privacyContentSettingsButton"></button>
  5530.         <button id="privacyClearDataButton"
  5531.             i18n-content="privacyClearDataButton"></button>
  5532.       </div>
  5533.       <p id="privacy-explanation" class="settings-row">
  5534.         <span i18n-content="improveBrowsingExperience"></span>
  5535.         <span i18n-content="disableWebServices"></span>
  5536.         <a target="_blank" i18n-content="learnMore"
  5537.             i18n-values="href:privacyLearnMoreURL"></a>
  5538.       </p>
  5539.       <div class="checkbox">
  5540.         <span class="controlled-setting-with-label">
  5541.           <input id="alternateErrorPagesEnabled"
  5542.               pref="alternate_error_pages.enabled"
  5543.               metric="Options_LinkDoctorCheckbox" type="checkbox">
  5544.           <span>
  5545.             <label for="alternateErrorPagesEnabled"
  5546.                 i18n-content="linkDoctorPref">
  5547.             </label>
  5548.             <span class="controlled-setting-indicator"
  5549.                 pref="alternate_error_pages.enabled">
  5550.             </span>
  5551.           </span>
  5552.         </span>
  5553.       </div>
  5554.       <div class="checkbox" guest-visibility="disabled">
  5555.         <span class="controlled-setting-with-label">
  5556.           <input id="searchSuggestEnabled" pref="search.suggest_enabled"
  5557.               metric="Options_UseSuggestCheckbox" type="checkbox">
  5558.           <span>
  5559.             <label for="searchSuggestEnabled" i18n-content="suggestPref">
  5560.             </label>
  5561.             <span class="controlled-setting-indicator"
  5562.                 pref="search.suggest_enabled">
  5563.             </span>
  5564.           </span>
  5565.         </span>
  5566.       </div>
  5567.       <div class="checkbox" guest-visibility="disabled">
  5568.         <span class="controlled-setting-with-label">
  5569.           <input id="dnsPrefetchingEnabled" pref="dns_prefetching.enabled"
  5570.               metric="Options_DnsPrefetchCheckbox" type="checkbox">
  5571.           <span>
  5572.             <label for="dnsPrefetchingEnabled"
  5573.                 i18n-content="networkPredictionEnabledDescription">
  5574.             </label>
  5575.             <span class="controlled-setting-indicator"
  5576.                 pref="dns_prefetching.enabled">
  5577.             </span>
  5578.           </span>
  5579.         </span>
  5580.       </div>
  5581.       <div class="checkbox">
  5582.         <span class="controlled-setting-with-label">
  5583.           <input id="safeBrowsingEnabled" pref="safebrowsing.enabled"
  5584.               metric="Options_SafeBrowsingCheckbox" type="checkbox">
  5585.           <span>
  5586.             <label for="safeBrowsingEnabled"
  5587.                 i18n-content="safeBrowsingEnableProtection">
  5588.             </label>
  5589.             <span class="controlled-setting-indicator"
  5590.                 pref="safebrowsing.enabled">
  5591.             </span>
  5592.           </span>
  5593.         </span>
  5594.       </div>
  5595.   <!-- pp_ifdef('_google_chrome') -->
  5596.       <div class="checkbox">
  5597.         <label>
  5598.           <input id="do-not-track-enabled" pref="enable_do_not_track"
  5599.               metric="Options_DoNotTrackCheckbox" type="checkbox" dialog-pref>
  5600.           <span i18n-content="doNotTrack"></span>
  5601.         </label>
  5602.       </div>
  5603.     </div>
  5604.   </section>
  5605.   <!-- pp_ifdef('chromeos') -->
  5606.   <section id="passwords-and-autofill-section">
  5607.     <h3 i18n-content="passwordsAndAutofillGroupName"></h3>
  5608.     <div class="checkbox">
  5609.       <span class="controlled-setting-with-label">
  5610.         <input id="autofill-enabled" pref="autofill.enabled"
  5611.             metric="Options_FormAutofill" type="checkbox">
  5612.         <span>
  5613.           <label for="autofill-enabled" i18n-content="autofillEnabled"></label>
  5614.           <span class="controlled-setting-indicator" pref="autofill.enabled">
  5615.           </span>
  5616.           <button id="autofill-settings" class="link-button"
  5617.               i18n-content="manageAutofillSettings">
  5618.           </button>
  5619.         </span>
  5620.       </span>
  5621.     </div>
  5622.     <div class="checkbox">
  5623.       <span class="controlled-setting-with-label">
  5624.         <input id="password-manager-enabled"
  5625.             pref="profile.password_manager_enabled"
  5626.             metric="Options_PasswordManager" type="checkbox">
  5627.         <span>
  5628.           <label for="password-manager-enabled"
  5629.               i18n-content="passwordManagerEnabled">
  5630.           </label>
  5631.           <span class="controlled-setting-indicator"
  5632.               pref="profile.password_manager_enabled">
  5633.           </span>
  5634.           <button id="manage-passwords" class="link-button"
  5635.               i18n-content="managePasswords">
  5636.           </button>
  5637.         </span>
  5638.       </span>
  5639.     </div>
  5640.     <div class="checkbox" id="password-generation-checkbox">
  5641.       <label>
  5642.         <input id="password-generation-enabled" pref="password_generation.enabled"
  5643.             metric="Options_PasswordGenerationCheckbox" type="checkbox">
  5644.         <span i18n-content="passwordGenerationEnabledDescription"></span>
  5645.       </label>
  5646.     </div>
  5647.  
  5648.   </section>
  5649.   <section id="web-content-section">
  5650.     <h3 i18n-content="advancedSectionTitleContent"></h3>
  5651.     <div>
  5652.       <div class="settings-row">
  5653.         <label class="web-content-select-label">
  5654.           <span i18n-content="defaultFontSizeLabel"></span>
  5655.           <select id="defaultFontSize">
  5656.             <option value="9" i18n-content="fontSizeLabelVerySmall">
  5657.             </option>
  5658.             <option value="12" i18n-content="fontSizeLabelSmall"></option>
  5659.             <option value="16" i18n-content="fontSizeLabelMedium"></option>
  5660.             <option value="20" i18n-content="fontSizeLabelLarge"></option>
  5661.             <option value="24" i18n-content="fontSizeLabelVeryLarge">
  5662.             </option>
  5663.           </select>
  5664.         </label>
  5665.         <button id="fontSettingsCustomizeFontsButton"
  5666.             i18n-content="fontSettingsCustomizeFontsButton"></button>
  5667.       </div>
  5668.       <div class="settings-row">
  5669.         <label class="web-content-select-label">
  5670.           <span i18n-content="defaultZoomFactorLabel"></span>
  5671.           <select id="defaultZoomFactor" dataType="double"></select>
  5672.         </label>
  5673.       </div>
  5674.  
  5675.     </div>
  5676.   </section>
  5677. <section id="network-section">
  5678.     <h3 i18n-content="advancedSectionTitleNetwork"></h3>
  5679.     <div>
  5680.       <span id="proxiesLabel" class="settings-row"></span>
  5681.       <div class="settings-row">
  5682.         <button id="proxiesConfigureButton"
  5683.             i18n-content="proxiesConfigureButton"></button>
  5684.         <span class="controlled-setting-indicator" pref="proxy" plural></span>
  5685.       </div>
  5686.     </div>
  5687.   </section>
  5688.   <section id="languages-section">
  5689.     <h3 i18n-content="advancedSectionTitleLanguages"></h3>
  5690.     <span class="settings-row" i18n-content="languageSectionLabel"></span>
  5691.     <div class="settings-row">
  5692.       <button id="language-button"
  5693.           i18n-content="languageAndSpellCheckSettingsButton"></button>
  5694.     </div>
  5695.     <div class="checkbox">
  5696.       <span class="controlled-setting-with-label">
  5697.         <input id="enableTranslate" pref="translate.enabled"
  5698.             metric="Options_Translate" type="checkbox">
  5699.         <span>
  5700.           <label for="enableTranslate"i18n-content="translateEnableTranslate">
  5701.           </label>
  5702.           <span class="controlled-setting-indicator" pref="translate.enabled">
  5703.           </span>
  5704.         </span>
  5705.       </span>
  5706.     </div>
  5707.   </section>
  5708.   <section>
  5709.     <h3 i18n-content="downloadLocationGroupName"></h3>
  5710.     <div>
  5711.       <div class="settings-row">
  5712.         <label>
  5713.           <span id="download-location-label"
  5714.               i18n-content="downloadLocationBrowseTitle">
  5715.           </span>
  5716.           <input id="downloadLocationPath" class="weakrtl" type="text"
  5717.               size="36" readonly>
  5718.         </label>
  5719.         <button id="downloadLocationChangeButton"
  5720.             i18n-content="downloadLocationChangeButton">
  5721.         </button>
  5722.         <span class="controlled-setting-indicator"
  5723.           pref="download.default_directory">
  5724.         </span>
  5725.       </div>
  5726.       <div class="checkbox">
  5727.         <span class="controlled-setting-with-label">
  5728.           <input id="prompt-for-download" type="checkbox"
  5729.                 pref="download.prompt_for_download"
  5730.                 metric="Options_AskForSaveLocation">
  5731.           <span>
  5732.             <label for="prompt-for-download"
  5733.                 i18n-content="downloadLocationAskForSaveLocation">
  5734.             </label>
  5735.             <span class="controlled-setting-indicator"
  5736.                 pref="download.prompt_for_download">
  5737.             </span>
  5738.           </span>
  5739.         </span>
  5740.       </div>
  5741.  
  5742. <div id="auto-open-file-types-section" hidden>
  5743.         <div id="auto-open-file-types-container">
  5744.           <div id="auto-open-file-types-label"
  5745.               i18n-content="autoOpenFileTypesInfo"></div>
  5746.           <button id="autoOpenFileTypesResetToDefault"
  5747.               i18n-content="autoOpenFileTypesResetToDefault"></button>
  5748.         </div>
  5749.       </div>
  5750.     </div>
  5751.   </section>
  5752.   <section>
  5753.       <h3 i18n-content="advancedSectionTitleSecurity"></h3>
  5754.       <div>
  5755. <div class="settings-row">
  5756.           <button id="certificatesManageButton"
  5757.               i18n-content="certificatesManageButton"></button>
  5758.         </div>
  5759.         <div class="checkbox">
  5760.           <label>
  5761.             <input id="sslCheckRevocation" pref="ssl.rev_checking.enabled"
  5762.                 type="checkbox">
  5763.             <span i18n-content="sslCheckRevocation"></span>
  5764.           </label>
  5765.         </div>
  5766.       </div>
  5767.     </section>
  5768. <section id="cloud-print-connector-section">
  5769.       <h3 i18n-content="advancedSectionTitleCloudPrint"></h3>
  5770.       <div>
  5771.         <p id="cloudPrintConnectorLabel" class="settings-row"
  5772.              i18n-content="cloudPrintConnectorDisabledLabel"></p>
  5773.         <div class="settings-row">
  5774.           <button id="cloudPrintConnectorSetupButton"
  5775.               i18n-content="cloudPrintConnectorDisabledButton"></button>
  5776.           <button id="cloudPrintManageButton"
  5777.               i18n-content="cloudPrintConnectorEnabledManageButton"></button>
  5778.         </div>
  5779.       </div>
  5780.     </section>
  5781.  
  5782. <section id="background-section">
  5783.     <h3 i18n-content="advancedSectionTitleBackground"></h3>
  5784.     <div class="checkbox">
  5785.       <span class="controlled-setting-with-label">
  5786.         <input id="backgroundModeCheckbox" pref="background_mode.enabled"
  5787.             type="checkbox">
  5788.         <span>
  5789.           <label for="backgroundModeCheckbox"
  5790.               i18n-content="backgroundModeCheckbox">
  5791.           </label>
  5792.           <span class="controlled-setting-indicator"
  5793.               pref="background_mode.enabled">
  5794.           </span>
  5795.         </span>
  5796.       </span>
  5797.     </div>
  5798.   </section>
  5799. </div>  <!-- advanced-settings-container -->
  5800. </div>  <!-- advanced-settings -->
  5801. <footer>
  5802.   <button id="advanced-settings-expander" class="link-button"
  5803.       i18n-content="showAdvancedSettings">
  5804.   </button>
  5805. </footer>
  5806. </div>
  5807.  
  5808.       </div>
  5809.     </div>
  5810.   </div>
  5811. </div>
  5812.  
  5813. <script src="chrome://resources/js/i18n_template2.js"></script>
  5814. </body>
  5815. </html>
  5816.